mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

界面修改

Browse Source
This commit is contained in:
jia 2023-09-06 11:07:10 +08:00
parent 069e8c30e7
commit 1d82db35bf
6 changed files with 1042 additions and 1063 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/WaterfallsFlow/WaterfallsFlowo.vue
View File

@ -101,7 +101,7 @@ export default {
if(this.mark < this.allList.length){ if(this.mark < this.allList.length){
this.waterFall() this.waterFall()
} }
console.log(this.rightList,this.leftList)
} }
}, },
immediate: true, immediate: true,

22
pages/gather/gather.vue
View File

@ -70,7 +70,13 @@
</view> </view>
<u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm" <u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker> @cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
<!-- <m-tabbar native>
<template v-slot:tabbar_index_2>
<view class="custom_style">
<view class="custom_style_icon"></view>
</view>
</template>
</m-tabbar> -->
</view> </view>
</template> </template>
@ -264,13 +270,14 @@
}, },
// 初始化菜单 // 初始化菜单
initMenu() { initMenu() {
let all = uni.getStorageSync('gatherAllMenuList');
let now = uni.getStorageSync('gatherNowMenuList'); let now = uni.getStorageSync('gatherNowMenuList');
if (all) { try {
this.AllMenuList = JSON.parse(all);
}
if (now) {
this.nowMenuList = JSON.parse(now); this.nowMenuList = JSON.parse(now);
this.AllMenuList = this.AllMenuList.filter((item) => {
return this.nowMenuList.find(t => t.name == item.name)?.name != item.name;
})
} catch (e) {
this.nowMenuList = [];
} }
}, },
clickMenu(e, data) { clickMenu(e, data) {
@ -299,8 +306,7 @@
}, },
// 编辑完成 // 编辑完成
editComfirm() { editComfirm() {
this.editFlag = false; this.editFlag = false;
uni.setStorageSync('gatherAllMenuList', JSON.stringify(this.AllMenuList));
uni.setStorageSync('gatherNowMenuList', JSON.stringify(this.nowMenuList)); uni.setStorageSync('gatherNowMenuList', JSON.stringify(this.nowMenuList));
}, },
getUniMp(appid) { getUniMp(appid) {

277
pages/index/index.vue
View File

@ -2,29 +2,15 @@
<view class="Circle_friends"> <view class="Circle_friends">
<view class="circle_friends_wrapper"> <view class="circle_friends_wrapper">
<view v-if="isFshow"> <view v-if="isFshow">
<view <view class="site-box flex_a_c_j_sb" :style="{ 'background-color': backColor }">
class="site-box flex_a_c_j_sb" <view :class="['place_wrapper', 'flex_a_c', isFshow ? 'sitebox' : '']" @click="selectLocation">
:style="{ 'background-color': backColor }" <view :class="['iconfont', 'icon-weizhi', isFshow ? 'sitebox' : '']"
> style="color: #000; margin-left: 20rpx">
<view
:class="['place_wrapper', 'flex_a_c', isFshow ? 'sitebox' : '']"
@click="selectLocation"
>
<view
:class="['iconfont', 'icon-weizhi', isFshow ? 'sitebox' : '']"
style="color: #000; margin-left: 20rpx"
>
</view> </view>
<view class="town_name" style="color: #000">{{ street }}</view> <view class="town_name" style="color: #000">{{ street }}</view>
</view> </view>
<navigator <navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
url="/pages/chat/customer_list/index?type=0" <view :class="['iconfont', 'icon-xiaoxi', isFshow ? 'sitebox' : '']" style="color: #000"></view>
hover-class="none"
>
<view
:class="['iconfont', 'icon-xiaoxi', isFshow ? 'sitebox' : '']"
style="color: #000"
></view>
</navigator> </navigator>
</view> </view>
<!-- <view class="site-box ','flex_a_c_j_sb'" v-if="ishshow"> <!-- <view class="site-box ','flex_a_c_j_sb'" v-if="ishshow">
@ -34,50 +20,25 @@
</view> --> </view> -->
</view> </view>
<zbpSwiper <zbpSwiper ref="list" :isSelectPlace="true" :town="street" :show="show" :location_Arr="locationArr"
ref="list" @kkchange="kkchange" @change="dchange">
:isSelectPlace="true"
:town="street"
:show="show"
:location_Arr="locationArr"
@kkchange="kkchange"
@change="dchange"
>
</zbpSwiper> </zbpSwiper>
<view class="tabs_wrapper"> <view class="tabs_wrapper">
<u-tabs <u-tabs :list="tabsData.list" @click="tabsChange" lineColor="#F84221" keyName="cate_name"
:list="tabsData.list" :activeStyle="activeStyle" itemStyle="padding-left: 0px; height: 33px;"></u-tabs>
@click="tabsChange"
lineColor="#F84221"
keyName="cate_name"
:activeStyle="activeStyle"
itemStyle="padding-left: 0px; height: 33px;"
></u-tabs>
</view> </view>
<view class=""> </view> <view class=""> </view>
<view class="goodslist"> <view class="goodslist">
<WaterfallsFlow :wfList="cateGoods" /> <WaterfallsFlow :wfList="cateGoods" />
</view> </view>
<view class="empty_wrapper" v-if="emptyShow"> <view class="empty_wrapper" v-if="emptyShow">
<u-empty <u-empty :show="emptyShow" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty>
:show="emptyShow"
mode="list"
icon="http://cdn.uviewui.com/uview/empty/list.png"
></u-empty>
</view> </view>
</view> </view>
<u-picker <u-picker :defaultIndex="[0, 0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
:defaultIndex="[0, 0]" @cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
:show="showPicker"
ref="uPicker"
:columns="columnData"
@confirm="confirm"
@cancel="showPicker = false"
@change="changeHandler"
keyName="name"
></u-picker>
<u-loadmore :status="status" v-if="cateGoods.length >= where.limit" /> <u-loadmore :status="status" v-if="cateGoods.length >= where.limit" />
<!-- <view class="bg_color"></view> --> <!-- <view class="bg_color"></view> -->
@ -96,44 +57,44 @@
</template> </template>
<script> <script>
import mTabbar from '@/components/m-tabbar/m-tabbar.vue' import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
import zbpSwiper from '@/components/zbpSwiper' import zbpSwiper from '@/components/zbpSwiper'
import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue'; import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue';
import WaterfallsFlow from '@/components/WaterfallsFlow/WaterfallsFlows.vue' import WaterfallsFlow from '@/components/WaterfallsFlow/WaterfallsFlows.vue'
import { import {
getSlideAPI getSlideAPI
} from '@/api/lihai.js' } from '@/api/lihai.js'
import { import {
graphicLstApi, graphicLstApi,
getTopicList, getTopicList,
graphicStartApi graphicStartApi
} from '@/api/community.js' } from '@/api/community.js'
import { import {
getIndexData, getIndexData,
getDiy, getDiy,
getArticleList, getArticleList,
getArticleCategoryLists getArticleCategoryLists
} from '@/api/api.js' } from '@/api/api.js'
import { import {
getGeocoder, getGeocoder,
merClassifly merClassifly
} from '@/api/store.js'; } from '@/api/store.js';
import { import {
getArea, getArea,
getStreet getStreet
} from '@/api/article.js'; } from '@/api/article.js';
import { import {
Toast Toast
} from '@/libs/uniApi' } from '@/libs/uniApi'
export default { export default {
components: { components: {
mTabbar, mTabbar,
zbpSwiper, zbpSwiper,
easyLoadimage, easyLoadimage,
WaterfallsFlow WaterfallsFlow
}, },
data () { data() {
return { return {
activeStyle: { activeStyle: {
@ -179,7 +140,7 @@ export default {
} }
}, },
onPullDownRefresh () { onPullDownRefresh() {
this.getCateList() this.getCateList()
this.cateGoods = [] this.cateGoods = []
this.getGoods() this.getGoods()
@ -187,7 +148,7 @@ export default {
uni.stopPullDownRefresh() uni.stopPullDownRefresh()
}, },
onLoad () { onLoad() {
@ -211,9 +172,9 @@ export default {
} }
this.connectstatus = connectStr this.connectstatus = connectStr
}) })
}, },
onTabItemTap(e) { onTabItemTap(e) {
console.log(e)
if (e.text.length >= 4) { if (e.text.length >= 4) {
uni.pageScrollTo({ uni.pageScrollTo({
selector: ".Circle_friends", selector: ".Circle_friends",
@ -235,22 +196,22 @@ export default {
window.addEventListener("scroll", this.scrolling); window.addEventListener("scroll", this.scrolling);
// #endif // #endif
}, },
onTabItemTap (e) { onTabItemTap(e) {
if (e.text.length >= 4) {
uni.pageScrollTo({ uni.pageScrollTo({
selector: ".Circle_friends", selector: ".Circle_friends",
scrollTop: 0 scrollTop: 0
}) })
}
}, },
onReachBottom () { onReachBottom() {
if (this.status == 'nomore') return; if (this.status == 'nomore') return;
this.status = 'loading'; this.status = 'loading';
this.where.page = ++this.where.page; this.where.page = ++this.where.page;
this.getGoods() this.getGoods()
}, },
mounted () { mounted() {
this.selfLocation() this.selfLocation()
// #ifdef H5 // #ifdef H5
// 监听页面滚动事件 // 监听页面滚动事件
@ -264,7 +225,7 @@ export default {
}); });
}, },
// #ifdef APP-PLUS // #ifdef APP-PLUS
onPageScroll (e) { onPageScroll(e) {
const scrollTop = e.scrollTop; const scrollTop = e.scrollTop;
@ -288,24 +249,26 @@ export default {
this.backColor = 'rgba(252, 252, 252, 1.0)' this.backColor = 'rgba(252, 252, 252, 1.0)'
this.isFshow = true this.isFshow = true
this.show = false this.show = false
this.$nextTick(()=>{
uni.setTabBarItem({ uni.setTabBarItem({
index: 0, index: 0,
text: '返回顶部', text: '返回顶部',
iconPath: '/static/tabbar_icon/top.png', iconPath: '/static/tabbar_icon/top.png',
selectedIconPath: '/static/tabbar_icon/top.png' selectedIconPath: '/static/tabbar_icon/top.png'
}); });
})
} }
}, },
// #endif // #endif
beforeDestroy () { beforeDestroy() {
// 销毁监听事件 // 销毁监听事件
this.$bus.$off('value-updated') this.$bus.$off('value-updated')
}, },
methods: { methods: {
scrolling () { scrolling() {
// 滚动条距文档顶部的距离 // 滚动条距文档顶部的距离
let scrollTop = let scrollTop =
window.pageYOffset || window.pageYOffset ||
@ -355,17 +318,17 @@ export default {
}, },
kkchange (e) { kkchange(e) {
this.bgColor = e this.bgColor = e
}, },
tabsChange1 (item) { tabsChange1(item) {
this.getArticleList(item.article_category_id) this.getArticleList(item.article_category_id)
this.streeta_id = item.id this.streeta_id = item.id
this.tabsData1.tabsActive = item.index this.tabsData1.tabsActive = item.index
}, },
async getArticle () { async getArticle() {
let list = [] let list = []
const { const {
@ -384,7 +347,7 @@ export default {
this.tabsData1.list = list this.tabsData1.list = list
this.getArticleList(list[0].article_category_id) this.getArticleList(list[0].article_category_id)
}, },
async getArticleList (id) { async getArticleList(id) {
let obj = { let obj = {
is_home: 1 is_home: 1
} }
@ -393,25 +356,25 @@ export default {
} = await getArticleList(id) } = await getArticleList(id)
this.articleList = data.list this.articleList = data.list
}, },
article (item) { article(item) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/news_details/index?id=' + item.article_id url: '/pages/news_details/index?id=' + item.article_id
}) })
}, },
selectPlce (e) { selectPlce(e) {
this.street_id = e.value[1].code this.street_id = e.value[1].code
this.town = e.value[1].name this.town = e.value[1].name
this.getCloudShopMerId(e.value[1].code) this.getCloudShopMerId(e.value[1].code)
}, },
getCloudShopMerId (id) { getCloudShopMerId(id) {
get_cloud_shop(id).then(res => { get_cloud_shop(id).then(res => {
res.data.length > 0 ? this.isYunCang = 1 : this.isYunCang = 0 res.data.length > 0 ? this.isYunCang = 1 : this.isYunCang = 0
}) })
}, },
selectLocation () { selectLocation() {
this.showPicker = true this.showPicker = true
}, },
confirm (e) { confirm(e) {
this.street = e.value[1].name this.street = e.value[1].name
@ -421,7 +384,7 @@ export default {
}) })
this.showPicker = false this.showPicker = false
}, },
changeHandler (e) { changeHandler(e) {
const { const {
columnIndex, columnIndex,
value, value,
@ -437,7 +400,7 @@ export default {
}); });
} }
}, },
Area () { Area() {
getArea({ getArea({
city_code: 510500 city_code: 510500
}).then(res => { }).then(res => {
@ -445,19 +408,19 @@ export default {
this.Street(res.data[0]['code']); this.Street(res.data[0]['code']);
}); });
}, },
Street (code) { Street(code) {
getStreet({ getStreet({
area_code: code area_code: code
}).then(res => { }).then(res => {
this.$refs.uPicker.setColumnValues(1, res.data); this.$refs.uPicker.setColumnValues(1, res.data);
}); });
}, },
dchange (e) { dchange(e) {
this.$refs.list.street = e.value[1].name this.$refs.list.street = e.value[1].name
this.street = e.value[1].name this.street = e.value[1].name
}, },
gogogo (item) { gogogo(item) {
if (item.video_link.length > 0) { if (item.video_link.length > 0) {
uni.navigateTo({ uni.navigateTo({
// #ifdef MP || H5 // #ifdef MP || H5
@ -475,7 +438,7 @@ export default {
}) })
} }
}, },
giveStart (item) { giveStart(item) {
let status = item.relevance_id ? 0 : 1 let status = item.relevance_id ? 0 : 1
graphicStartApi(item.community_id, { graphicStartApi(item.community_id, {
status: status status: status
@ -490,7 +453,7 @@ export default {
} }
}) })
}, },
getGoods: function (item) { getGoods: function(item) {
graphicLstApi(this.where).then(res => { graphicLstApi(this.where).then(res => {
this.cateGoods.push(...res.data.list) this.cateGoods.push(...res.data.list)
@ -516,7 +479,7 @@ export default {
}) })
}, },
/*获取分类列表*/ /*获取分类列表*/
async getCateList () { async getCateList() {
const { const {
data data
} = await getTopicList() } = await getTopicList()
@ -525,7 +488,7 @@ export default {
category_id: 0 category_id: 0
}, ...data] }, ...data]
}, },
tabsChange (item) { tabsChange(item) {
this.cateGoods = [] this.cateGoods = []
this.where.category_id = item.category_id this.where.category_id = item.category_id
this.emptyShow = false this.emptyShow = false
@ -536,7 +499,7 @@ export default {
this.tabsData.tabsActive = item.index this.tabsData.tabsActive = item.index
}, },
selfLocation () { selfLocation() {
if (uni.getStorageSync('loction') == true) { if (uni.getStorageSync('loction') == true) {
this.isshow = false this.isshow = false
} else { } else {
@ -585,7 +548,7 @@ export default {
/** /**
* 设置手机通知权限 * 设置手机通知权限
*/ */
setPermissions () { setPermissions() {
// #ifdef APP-PLUS // #ifdef APP-PLUS
if (plus.os.name == 'Android') { // 判断是Android if (plus.os.name == 'Android') { // 判断是Android
var main = plus.android.runtimeMainActivity(); var main = plus.android.runtimeMainActivity();
@ -606,7 +569,7 @@ export default {
content: '您还没有开启通知权限，无法接受到消息通知，请前往设置！', content: '您还没有开启通知权限，无法接受到消息通知，请前往设置！',
showCancel: false, showCancel: false,
confirmText: '去设置', confirmText: '去设置',
success: function (res) { success: function(res) {
if (res.confirm) { if (res.confirm) {
var Intent = plus.android.importClass('android.content.Intent'); var Intent = plus.android.importClass('android.content.Intent');
var Build = plus.android.importClass("android.os.Build"); var Build = plus.android.importClass("android.os.Build");
@ -652,7 +615,7 @@ export default {
content: '您还没有开启通知权限，无法接受到消息通知，请前往设置！', content: '您还没有开启通知权限，无法接受到消息通知，请前往设置！',
showCancel: false, showCancel: false,
confirmText: '去设置', confirmText: '去设置',
success: function (res) { success: function(res) {
if (res.confirm) { if (res.confirm) {
var app = plus.ios.invoke('UIApplication', 'sharedApplication'); var app = plus.ios.invoke('UIApplication', 'sharedApplication');
var setting = plus.ios.invoke('NSURL', 'URLWithString:', var setting = plus.ios.invoke('NSURL', 'URLWithString:',
@ -668,17 +631,17 @@ export default {
// #endif // #endif
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
page { page {
background-color: #f4f7fe; background-color: #f4f7fe;
// background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%); // background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
} }
.location { .location {
background-color: #f6f6f6; background-color: #f6f6f6;
width: 680rpx; width: 680rpx;
height: 150rpx; height: 150rpx;
@ -703,46 +666,46 @@ page {
font-size: 20rpx; font-size: 20rpx;
color: #5a5a5a; color: #5a5a5a;
} }
} }
.Circle_friends { .Circle_friends {
position: relative; position: relative;
padding: 0 0 87.72rpx 0; padding: 0 0 87.72rpx 0;
background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%); background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%);
} }
// .bg-img { // .bg-img {
// position: absolute; // position: absolute;
// width: 100%; // width: 100%;
// height: 100%; // height: 100%;
// top: 0; // top: 0;
// /* #ifdef MP || APP-PLUS */ // /* #ifdef MP || APP-PLUS */
// z-index: -100; // z-index: -100;
// /* #endif */ // /* #endif */
// /* #ifdef H5 */ // /* #ifdef H5 */
// z-index: -100; // z-index: -100;
// /* #endif */ // /* #endif */
// z-index: -100; // z-index: -100;
// filter: blur(0); // filter: blur(0);
// overflow: hidden; // overflow: hidden;
// img { // img {
// width: 100%; // width: 100%;
// height: 100%; // height: 100%;
// filter: blur(30rpx); // filter: blur(30rpx);
// transform: scale(1.5); // transform: scale(1.5);
// } // }
// } // }
.sitebox { .sitebox {
animation-name: fadeIn; animation-name: fadeIn;
animation-duration: 3s; animation-duration: 3s;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
@keyframes fadeIn { @keyframes fadeIn {
from { from {
opacity: 0; opacity: 0;
} }
@ -750,9 +713,9 @@ page {
to { to {
opacity: 1; opacity: 1;
} }
} }
.site-box { .site-box {
width: 100%; width: 100%;
/* #ifdef MP || APP-PLUS */ /* #ifdef MP || APP-PLUS */
height: 160rpx; height: 160rpx;
@ -793,43 +756,43 @@ page {
font-size: 30rpx; font-size: 30rpx;
font-size: 35.09rpx; font-size: 35.09rpx;
} }
} }
.circle_friends_wrapper { .circle_friends_wrapper {
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
/deep/.u-tabs__wrapper__nav__line { /deep/.u-tabs__wrapper__nav__line {
width: 46rpx; width: 46rpx;
margin-left: -2rpx; margin-left: -2rpx;
} }
/deep/.u-tabs__wrapper__nav__item { /deep/.u-tabs__wrapper__nav__item {
padding: 0 0px; padding: 0 0px;
padding-right: 10rpx; padding-right: 10rpx;
} }
.search_wrapper { .search_wrapper {
width: 694.74rpx; width: 694.74rpx;
margin: 0 auto; margin: 0 auto;
} }
.tabs_wrapper { .tabs_wrapper {
width: 720rpx; width: 720rpx;
margin: 0 auto; margin: 0 auto;
margin-bottom: 21.05rpx; margin-bottom: 21.05rpx;
// margin-left: -20rpx; // margin-left: -20rpx;
} }
.empty_wrapper { .empty_wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.article_box { .article_box {
height: 100%; height: 100%;
width: 694.74rpx; width: 694.74rpx;
margin: 0 auto; margin: 0 auto;
@ -880,9 +843,9 @@ page {
} }
} }
} }
} }
.tabs_wrapper { .tabs_wrapper {
width: 723rpx; width: 723rpx;
margin: 0rpx auto; margin: 0rpx auto;
margin-bottom: 21.05rpx; margin-bottom: 21.05rpx;
@ -900,15 +863,15 @@ page {
margin-right: 7.02rpx; margin-right: 7.02rpx;
} }
} }
} }
.goodslist { .goodslist {
// display: flex; // display: flex;
margin: 0 auto; margin: 0 auto;
width: 725rpx; width: 725rpx;
} }
.goods { .goods {
margin: 0 auto; margin: 0 auto;
width: 725rpx; width: 725rpx;
@ -1127,5 +1090,5 @@ page {
} }
} }
} }
} }
</style> </style>

5
pages/plant_release/index.vue
View File

@ -143,7 +143,10 @@
<!-- <m-tabbar native> <!-- <m-tabbar native>
<template v-slot:tabbar_index_2> <template v-slot:tabbar_index_2>
<view class="custom_style"> <view class="custom_style">
<view class="custom_style_icon"></view> <view class="custom_style_icon" style="margin-top: -50rpx;"></view>
<view class="" style="color: red;">
发布
</view>
</view> </view>
</template> </template>
</m-tabbar> --> </m-tabbar> -->

7
pages/supply_chains/supply_chains.vue
View File

@ -129,6 +129,13 @@
<view class="locationa"> 位置权限使用说明 </view> <view class="locationa"> 位置权限使用说明 </view>
<view class="locationb"> 用于向你推荐最近门店 </view> <view class="locationb"> 用于向你推荐最近门店 </view>
</view> </view>
<!-- <m-tabbar native>
<template v-slot:tabbar_index_2>
<view class="custom_style">
<view class="custom_style_icon"></view>
</view>
</template>
</m-tabbar> -->
</view> </view>
</template> </template>