Leadfyy.co
/
ec.uniapp-master
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

增加页面跳转

master
邓平艺 4 years ago
parent
43252c52eb
commit
f31bd3d451
16 changed files with 115 additions and 69 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 28
      components/index-nav/index-nav.vue
  2. 7
      components/lf-indexFind/lf-indexFind.vue
  3. 4
      components/lf-indexShopMatrix/lf-indexShopMatrix.vue
  4. 6
      components/lf-multiColumnAd/lf-multiColumnAd.vue
  5. 2
      components/lf-nav/lf-nav.vue
  6. 2
      components/lf-seckill/lf-seckill.vue
  7. 6
      components/lf-shopGoodsCard/lf-shopGoodsCard.vue
  8. 2
      components/lf-waterfall-shopdetails/lf-waterfall.vue
  9. 22
      pages/index/category/category.vue
  10. 6
      pages/index/category/testdata.js
  11. 12
      pages/index/index/index.vue
  12. 2
      pages/order/confirm/confirm.vue
  13. 13
      pages/shop/goodsdetail.vue
  14. 2
      pages/user/member/service.vue
  15. 52
      pages/user/my/center.vue
  16. 18
      pages/user/my/setting.vue

28
components/index-nav/index-nav.vue
View File

@ -22,55 +22,55 @@ export default {
data() { data() {
return { return {
list: [{ list: [{
link: '/pages/store/groups/groups',
link: '/pages/index/category/category?current=0&type=0',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '面部护肤' name: '面部护肤'
},{ },{
link: '/pages/store/groups/groups',
link: '/pages/index/category/category?current=0&type=3',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '国际精品' name: '国际精品'
},{ },{
link: '/pages/store/groups/groups',
link: '/pages/point/shoppingMall/shoppingMall',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '积分商城' name: '积分商城'
},{ },{
link: '/pages/store/groups/groups',
link: '/pages/index/category/category?current=0&type=4',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '服装内衣' name: '服装内衣'
},{ },{
link: '/pages/store/groups/groups',
link: '/pages/index/category/category?current=0&type=6',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '数码家电' name: '数码家电'
},{ },{
link: '/pages/store/groups/groups',
link: '',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '黄金珠宝' name: '黄金珠宝'
},{ },{
link: '/pages/store/groups/groups',
link: '/pages/user/member/service',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '会员服务' name: '会员服务'
},{ },{
link: '/pages/store/groups/groups',
link: '/pages/index/eventRegistration/eventRegistration',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '活动报名' name: '活动报名'
},{ },{
link: '/pages/store/groups/groups',
link: '',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '餐饮配套' name: '餐饮配套'
},{ },{
link: '/pages/store/groups/groups',
link: '',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '领券中心' name: '领券中心'
},{ },{
link: '/pages/store/groups/groups',
link: '/pages/user/my/chatonline',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '在线客服' name: '在线客服'
},{ },{
link: '/pages/store/groups/groups',
link: '/pages/index/category/category?current=0&type=7',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '鞋履箱包' name: '鞋履箱包'
},{ },{
link: '/pages/store/groups/groups',
link: '/pages/index/category/category?current=0&type=8',
image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png', image: 'https://cdn.guojiang.club/storage/uploads/images/2020_06_05/rNCqCVUgi5GFYntpqmevHEaO1NYt5PZ2tgjEXRMU.png',
name: '滋补保健' name: '滋补保健'
}], }],
@ -95,7 +95,7 @@ export default {
methods: { methods: {
_jumpImg(e) { _jumpImg(e) {
var src = e.currentTarget.dataset.src; var src = e.currentTarget.dataset.src;
if (!src || src == 'uto_miniprogram') return;
if (!src || src == 'uto_miniprogram') return this.$msg('敬请期待');
wx.navigateTo({ wx.navigateTo({
url: src url: src
}); });

7
components/lf-indexFind/lf-indexFind.vue
View File

@ -1,9 +1,12 @@
<template> <template>
<view class="centent"> <view class="centent">
<view class="title">精选发现好物</view>
<view class="title" @click="$url('/pages/discover/discover')">精选发现好物</view>
<scroll-view class="find-scroll" :scroll-x="true"> <scroll-view class="find-scroll" :scroll-x="true">
<view class="find-content"> <view class="find-content">
<view class="find-item" :class="{'max-item': index == 0}" v-for="(item, index) in 5" :key="index">
<view class="find-item"
:class="{'max-item': index == 0}"
@click="$url('/pages/discover/discoverdetails')"
v-for="(item, index) in 5" :key="index">
<image class="img" src="https://picsum.photos/200/300"></image> <image class="img" src="https://picsum.photos/200/300"></image>
<view class="lf-line-2 info">南边开，风儿吹，北边放，花儿开，西边来，春归去，东边来，北边跑</view> <view class="lf-line-2 info">南边开，风儿吹，北边放，花儿开，西边来，春归去，东边来，北边跑</view>
</view> </view>

4
components/lf-indexShopMatrix/lf-indexShopMatrix.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<view class="content"> <view class="content">
<view class="title">大牌不停推</view>
<view class="title" @click="$url('/pages/index/category/category')">大牌不停推</view>
<view class="flex-box"> <view class="flex-box">
<view class="item" v-for="(item, index) in 16" :key="index">
<view class="item" v-for="(item, index) in 16" :key="index" @click="$url('/pages/shop/shopdetail')">
<image class="bg-img" src="https://picsum.photos/200/300"></image> <image class="bg-img" src="https://picsum.photos/200/300"></image>
<view class="shop"> <view class="shop">
<image src="../../static/recommend-r.png"></image> <image src="../../static/recommend-r.png"></image>

6
components/lf-multiColumnAd/lf-multiColumnAd.vue
View File

@ -1,13 +1,13 @@
<template> <template>
<view class="content"> <view class="content">
<view class="left">
<view class="left" @click="$msg('敬请期待')">
<image class="left-img"></image> <image class="left-img"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="right-img">
<view class="right-img" @click="$msg('敬请期待')">
<image></image> <image></image>
</view> </view>
<view class="right-img">
<view class="right-img" @click="$msg('敬请期待')">
<image></image> <image></image>
</view> </view>
</view> </view>

2
components/lf-nav/lf-nav.vue
View File

@ -95,7 +95,6 @@
} }
}, },
$back(){ $back(){
// #ifdef H5
let pages = getCurrentPages(); let pages = getCurrentPages();
if(pages.length <= 1){ if(pages.length <= 1){
uni.redirectTo({ uni.redirectTo({
@ -103,7 +102,6 @@
}) })
return; return;
} }
// #endif
uni.navigateBack(); uni.navigateBack();
}, },
// 监听回到首页 // 监听回到首页

2
components/lf-seckill/lf-seckill.vue
View File

@ -6,7 +6,7 @@
<view class="desc">低价不等人，快来秒杀啦～</view> <view class="desc">低价不等人，快来秒杀啦～</view>
<scroll-view class="scroll-view" :scroll-x="true"> <scroll-view class="scroll-view" :scroll-x="true">
<view class="lf-flex"> <view class="lf-flex">
<view class="goods-item" v-for="(item, index) in 4" :key="index">
<view class="goods-item" v-for="(item, index) in 4" :key="index" @click="$url('/pages/shop/goodsdetail')">
<image class="goods-img"></image> <image class="goods-img"></image>
<view class="lf-line-1 goods-title">日本sk-ll小灯跑</view> <view class="lf-line-1 goods-title">日本sk-ll小灯跑</view>
<view class="goods-price"> <view class="goods-price">

6
components/lf-shopGoodsCard/lf-shopGoodsCard.vue
View File

@ -1,18 +1,18 @@
<template> <template>
<view class="content"> <view class="content">
<view class="shop">
<view class="shop" @click="$url('/pages/shop/specialList')">
<image class="img" src="https://picsum.photos/seed/picsum/200/300" mode="aspectFill"></image> <image class="img" src="https://picsum.photos/seed/picsum/200/300" mode="aspectFill"></image>
</view> </view>
<scroll-view class="scroll-view" :scroll-x="true"> <scroll-view class="scroll-view" :scroll-x="true">
<view class="scroll-content"> <view class="scroll-content">
<view class="goods-item" v-for="(item, index) in 5" :key="index">
<view class="goods-item" v-for="(item, index) in 5" :key="index" @click="$url('/pages/shop/goodsdetail')">
<image class="goods-img"></image> <image class="goods-img"></image>
<view class="goods-info"> <view class="goods-info">
<view class="lf-line-1">猪大肠卖咯 5毛钱一斤咯</view> <view class="lf-line-1">猪大肠卖咯 5毛钱一斤咯</view>
<view>￥0.5</view> <view>￥0.5</view>
</view> </view>
</view> </view>
<view class="goods-item">
<view class="goods-item" @click="$url('/pages/shop/specialList')">
<view class="more-box"> <view class="more-box">
<text>查看更多</text> <text>查看更多</text>
<text class="lf-iconfont icon--2 lf-text-vertical"></text> <text class="lf-iconfont icon--2 lf-text-vertical"></text>

2
components/lf-waterfall-shopdetails/lf-waterfall.vue
View File

@ -121,7 +121,7 @@
}, },
methods: { methods: {
onClick(id){ onClick(id){
this.$url('/pages/goodsDetail/index?goods_id='+id);
this.$url('/pages/shop/goodsdetail?goods_id='+id);
this.$emit('click'); this.$emit('click');
}, },
goAd(type,url){ goAd(type,url){

22
pages/index/category/category.vue
View File

@ -49,7 +49,10 @@
</view> </view>
<!-- 内容 --> <!-- 内容 -->
<scroll-view class="brand-scroll" :scroll-into-view="scrollAnchorId" :scroll-y="true" :style="{height: otherHeight}"> <scroll-view class="brand-scroll" :scroll-into-view="scrollAnchorId" :scroll-y="true" :style="{height: otherHeight}">
<view class="lf-flex brand-item" :id="'anchor-'+ index" v-for="(item, index) in point_list" :key="index">
<view class="lf-flex brand-item"
:id="'anchor-'+ index"
@click="$url('/pages/shop/shopdetail')"
v-for="(item, index) in point_list" :key="index">
<image class="img" src="https://picsum.photos/200"></image> <image class="img" src="https://picsum.photos/200"></image>
<view class="info"> <view class="info">
<view class="lf-font-36 lf-font-bold lf-color-black">luckin coffee 瑞幸咖啡 {{ item }}</view> <view class="lf-font-36 lf-font-bold lf-color-black">luckin coffee 瑞幸咖啡 {{ item }}</view>
@ -112,10 +115,15 @@
lfNav, lfNav,
lfTabbar lfTabbar
}, },
onLoad() {
onLoad(options) {
// https://ext.dcloud.net.cn/plugin?id=5031 // https://ext.dcloud.net.cn/plugin?id=5031
let info = uni.getSystemInfoSync();
if(this.$isRight(options)){
this.current = options.current || 1;
this.left_selectIndex = options.type || 0;
this.right_selectIndex = options.type || 0;
}
let info = uni.getSystemInfoSync();
let self = this; let self = this;
self.scrollH = info.screenHeight; self.scrollH = info.screenHeight;
self.subItemW = parseInt((info.screenWidth * (2 / 3) - 15 * 2 - 24) / 3); self.subItemW = parseInt((info.screenWidth * (2 / 3) - 15 * 2 - 24) / 3);
@ -151,10 +159,7 @@
}, },
// 右边点击 // 右边点击
rightTap: function() { rightTap: function() {
uni.showModal({
title: '点击了',
showCancel: false
});
this.$msg('敬请期待')
}, },
rightScroll: function(e) { rightScroll: function(e) {
let scrollH = e.detail.scrollTop + 30; let scrollH = e.detail.scrollTop + 30;
@ -380,6 +385,8 @@
background-color: #FFFFFF; background-color: #FFFFFF;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
position: relative;
z-index: 1;
.filter-item{ .filter-item{
width: 215rpx; width: 215rpx;
height: 65rpx; height: 65rpx;
@ -437,6 +444,7 @@
background-color: rgba(0,0,0,0.3); background-color: rgba(0,0,0,0.3);
border-radius: 30rpx 0rpx 0rpx 30rpx; border-radius: 30rpx 0rpx 0rpx 30rpx;
padding: 14rpx 0rpx; padding: 14rpx 0rpx;
z-index: 2;
.point-item{ .point-item{
font-size: 24rpx; font-size: 24rpx;
color: #FFFFFF; color: #FFFFFF;

6
pages/index/category/testdata.js
View File

@ -175,7 +175,7 @@ export default [{
] ]
}, },
{ {
name: '服装内衣',
name: '数码家电',
subArr: [{ subArr: [{
img: 'https://picsum.photos/200', img: 'https://picsum.photos/200',
name: '悲剧2' name: '悲剧2'
@ -187,7 +187,7 @@ export default [{
] ]
}, },
{ {
name: '服装内衣',
name: '鞋履箱包',
subArr: [{ subArr: [{
img: 'https://picsum.photos/200', img: 'https://picsum.photos/200',
name: '悲剧2' name: '悲剧2'
@ -199,7 +199,7 @@ export default [{
] ]
}, },
{ {
name: '滴滴滴等',
name: '滋补保健',
subArr: [{ subArr: [{
img: 'https://picsum.photos/200', img: 'https://picsum.photos/200',
name: '悲剧2' name: '悲剧2'

12
pages/index/index/index.vue
View File

@ -1,15 +1,15 @@
<template> <template>
<block v-if="microData && microData.micro_page && microData.micro_page.meta"> <block v-if="microData && microData.micro_page && microData.micro_page.meta">
<lf-nav title="主页" :spreadOut="false" :bgColor="nav_bg_color" :diy="true"> <lf-nav title="主页" :spreadOut="false" :bgColor="nav_bg_color" :diy="true">
<view class="lf-nav-capsule">
<view class="lf-nav-capsule" @click="$url('/pages/user/member/code')">
<text class="lf-iconfont icon-nv"></text> <text class="lf-iconfont icon-nv"></text>
<text class="lf-m-l-4">会员</text> <text class="lf-m-l-4">会员</text>
</view> </view>
<view class="lf-nav-capsule">
<view class="lf-nav-capsule" @click="$msg('敬请期待')">
<text class="lf-iconfont icon-nv"></text> <text class="lf-iconfont icon-nv"></text>
<text class="lf-m-l-4">停车</text> <text class="lf-m-l-4">停车</text>
</view> </view>
<view class="lf-nav-capsule lf-bg-search">
<view class="lf-nav-capsule lf-bg-search" @click="$msg('敬请期待')">
<text class="lf-iconfont icon-nv"></text> <text class="lf-iconfont icon-nv"></text>
<text class="lf-m-l-4">搜索</text> <text class="lf-m-l-4">搜索</text>
</view> </view>
@ -109,7 +109,7 @@
</view> </view>
<!-- TODO 店铺商品展示模块 --> <!-- TODO 店铺商品展示模块 -->
<view v-if="item.name == 'micro_page_componet_nav' && item.value && item.value.length"> <view v-if="item.name == 'micro_page_componet_nav' && item.value && item.value.length">
<view class="lf-module-title">好物种草间</view>
<view class="lf-module-title" @click="$url('/pages/shop/goodsSpecial')">好物种草间</view>
<lf-shop-goods-card v-for="(d_item,d_index) in 2" :key="d_index"></lf-shop-goods-card> <lf-shop-goods-card v-for="(d_item,d_index) in 2" :key="d_index"></lf-shop-goods-card>
</view> </view>
<!--图片魔方--> <!--图片魔方-->
@ -127,7 +127,9 @@
<!-- TODO 为你推荐模块 --> <!-- TODO 为你推荐模块 -->
<view v-if="item.name == 'micro_page_componet_nav' && item.value && item.value.length"> <view v-if="item.name == 'micro_page_componet_nav' && item.value && item.value.length">
<view class="lf-module-title">为你推荐</view> <view class="lf-module-title">为你推荐</view>
<lf-waterfall :list="recommend_list"></lf-waterfall>
<view style="padding: 0 11px;">
<lf-waterfall :list="recommend_list"></lf-waterfall>
</view>
</view> </view>
</view> </view>
</block> </block>

2
pages/order/confirm/confirm.vue
View File

@ -9,7 +9,7 @@
</view> </view>
</view> </view>
<view class="card address" v-if="mode == 1"> <view class="card address" v-if="mode == 1">
<view>
<view @click="$url('/pages/address/list/list')">
<text class="lf-font-28 lf-color-primary lf-m-r-10">更换收获地址</text> <text class="lf-font-28 lf-color-primary lf-m-r-10">更换收获地址</text>
<text class="lf-iconfont icon-xiangyou lf-font-24 lf-color-777"></text> <text class="lf-iconfont icon-xiangyou lf-font-24 lf-color-777"></text>
</view> </view>

13
pages/shop/goodsdetail.vue
View File

@ -57,7 +57,7 @@
</view> </view>
</view> </view>
<view class="bg-white"> <view class="bg-white">
<view class="cu-bar padding-lr">
<view class="cu-bar padding-lr" @click="shoot(2)">
<view class="lf-flex"> <view class="lf-flex">
<text class="lf-color-777 lf-font-28">已选</text> <text class="lf-color-777 lf-font-28">已选</text>
<text class="lf-color-222 lf-font-26 lf-m-l-30">已选500ml x1</text> <text class="lf-color-222 lf-font-26 lf-m-l-30">已选500ml x1</text>
@ -71,7 +71,7 @@
<view> <view>
<view class="user-top"> <view class="user-top">
<view class="lf-row-between lf-w-100"> <view class="lf-row-between lf-w-100">
<view class="lf-flex">
<view class="lf-flex" @click="$url('/pages/shop/shopdetail')">
<view class="tag-father"> <view class="tag-father">
<image src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill" class="head-img"></image> <image src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill" class="head-img"></image>
</view> </view>
@ -81,20 +81,23 @@
</view> </view>
</view> </view>
<view> <view>
<button class="head-btn"><u-icon name="chat" class="lf-m-r-10"></u-icon>客服</button>
<button class="head-btn" @click="$url('/pages/user/my/chatonline')">
<u-icon name="chat" class="lf-m-r-10"></u-icon>
<text>客服</text>
</button>
</view> </view>
</view> </view>
</view> </view>
<scroll-view class="scroll-view" :scroll-x="true"> <scroll-view class="scroll-view" :scroll-x="true">
<view class="scroll-content"> <view class="scroll-content">
<view class="goods-item" v-for="(item, index) in 5" :key="index">
<view class="goods-item" v-for="(item, index) in 5" :key="index" @click="$url('/pages/shop/goodsdetail')">
<image class="goods-img"></image> <image class="goods-img"></image>
<view class="goods-info"> <view class="goods-info">
<view class="lf-line-1">猪大肠卖咯 5毛钱一斤咯</view> <view class="lf-line-1">猪大肠卖咯 5毛钱一斤咯</view>
<view>￥0.5</view> <view>￥0.5</view>
</view> </view>
</view> </view>
<view class="goods-item">
<view class="goods-item" @click="$url('/pages/shop/shopdetail')">
<view class="more-box"> <view class="more-box">
<text>查看更多</text> <text>查看更多</text>
<text class="lf-iconfont icon--2 lf-text-vertical"></text> <text class="lf-iconfont icon--2 lf-text-vertical"></text>

2
pages/user/member/service.vue
View File

@ -14,7 +14,7 @@
</view> </view>
<view style="height: 120rpx;"></view> <view style="height: 120rpx;"></view>
<view class="fixed"> <view class="fixed">
<view class="btn1" hover-class="lf-opacity">在线客服</view>
<view class="btn1" hover-class="lf-opacity" @click="$url('/pages/user/my/chatonline')">在线客服</view>
<view class="btn2" hover-class="lf-opacity">拨打客服电话</view> <view class="btn2" hover-class="lf-opacity">拨打客服电话</view>
</view> </view>
</view> </view>

52
pages/user/my/center.vue
View File

@ -4,7 +4,7 @@
<view class="center-top"> <view class="center-top">
<view class="ocupy"></view> <view class="ocupy"></view>
<view class="lf-flex lf-p-32 lf-row-between"> <view class="lf-flex lf-p-32 lf-row-between">
<view class="lf-row-between">
<view class="lf-row-between" @click="$url('/pages/user/my/setting')">
<view> <view>
<image src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill" class="center-img"></image> <image src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill" class="center-img"></image>
</view> </view>
@ -13,27 +13,27 @@
<view class="lf-iconfont icon-xiangyou lf-font-24 lf-m-l-10 lf-color-white"></view> <view class="lf-iconfont icon-xiangyou lf-font-24 lf-m-l-10 lf-color-white"></view>
</view> </view>
</view> </view>
<view class="lf-row-center lf-flex-column">
<view class="lf-row-center lf-flex-column" @click="$url('/pages/user/member/code')">
<view class="lf-iconfont icon-shoucang lf-color-white"></view> <view class="lf-iconfont icon-shoucang lf-color-white"></view>
<view class="lf-font-24 lf-color-white">支付码</view> <view class="lf-font-24 lf-color-white">支付码</view>
</view> </view>
</view> </view>
<view class="lf-flex lf-row-between center-tag"> <view class="lf-flex lf-row-between center-tag">
<view class="lf-row-center lf-flex-column">
<view class="lf-row-center lf-flex-column" @click="$url('/pages/point/detail/detail')">
<view class="lf-font-36 lf-color-white">0</view> <view class="lf-font-36 lf-color-white">0</view>
<view class="lf-font-24 lf-color-white">积分</view> <view class="lf-font-24 lf-color-white">积分</view>
</view> </view>
<view class="lf-row-center lf-flex-column">
<view class="lf-row-center lf-flex-column" @click="$msg('敬请期待')">
<view class="lf-font-36 lf-color-white">0.00</view> <view class="lf-font-36 lf-color-white">0.00</view>
<view class="lf-font-24 lf-color-white">余额</view> <view class="lf-font-24 lf-color-white">余额</view>
</view> </view>
<view class="lf-row-center lf-flex-column">
<view class="lf-row-center lf-flex-column" @click="$url('/pages/coupon/index/index')">
<view class="lf-font-36 lf-color-white">0</view> <view class="lf-font-36 lf-color-white">0</view>
<view class="lf-font-24 lf-color-white">优惠券</view> <view class="lf-font-24 lf-color-white">优惠券</view>
</view> </view>
</view> </view>
<view class="center-card"> <view class="center-card">
<view class="lf-p-30 lf-row-between lf-w-100">
<view class="lf-p-30 lf-row-between lf-w-100" @click="$msg('敬请期待')">
<view class="lf-flex-column"> <view class="lf-flex-column">
<view class="lf-font-48 lf-font-bold" style="color: #15716E;"> <view class="lf-font-48 lf-font-bold" style="color: #15716E;">
VIP 预备会员 VIP 预备会员
@ -51,7 +51,7 @@
<view class="order-card"> <view class="order-card">
<view class="lf-row-between"> <view class="lf-row-between">
<view class="lf-color-black lf-font-32 lf-font-bold"> <view class="lf-color-black lf-font-32 lf-font-bold">
商家订单
商城订单
</view> </view>
<view class="lf-flex"> <view class="lf-flex">
<view class="lf-font-24 lf-color-777">全部订单</view><text class="lf-iconfont icon-xiangyou lf-font-24 lf-m-l-10 lf-color-777"></text> <view class="lf-font-24 lf-color-777">全部订单</view><text class="lf-iconfont icon-xiangyou lf-font-24 lf-m-l-10 lf-color-777"></text>
@ -75,9 +75,12 @@
<view></view> <view></view>
</view> </view>
<view class="order-tag lf-flex-wrap"> <view class="order-tag lf-flex-wrap">
<view class="order-children" v-for="i of 5">
<view class="function-tag"></view>
<view class="lf-color-black lf-font-28 lf-m-t-20">会员服务</view>
<view class="order-children"
v-for="(item, index) in my_service_list" :key="index"
@click="$url(item.path)">
<!-- <view class="function-tag"></view> -->
<view class="lf-iconfont" :class="item.icon"></view>
<view class="lf-color-black lf-font-28 lf-m-t-20" style="white-space: nowrap">{{ item.name }}</view>
</view> </view>
</view> </view>
</view> </view>
@ -92,6 +95,35 @@
components: { components: {
lfTabbar lfTabbar
}, },
data(){
return {
my_service_list: [{
name: '会员服务',
icon: 'icon-huiyuan',
path: '/pages/user/member/service'
},{
name: '在线客服',
icon: 'icon-huiyuan',
path: '/pages/user/my/chatonline'
},{
name: '我的收藏',
icon: 'icon-huiyuan',
path: '/pages/user/my/collect'
},{
name: '地址管理',
icon: 'icon-huiyuan',
path: '/pages/address/list/list'
},{
name: '活动报名',
icon: 'icon-huiyuan',
path: '/pages/user/my/myEventRegistrationList'
},{
name: '积分商城订单',
icon: 'icon-huiyuan',
path: ''
}]
}
}
} }
</script> </script>

18
pages/user/my/setting.vue
View File

@ -2,7 +2,7 @@
<view> <view>
<lf-nav :spreadOut="true" :showIcon="true" title="设置"></lf-nav> <lf-nav :spreadOut="true" :showIcon="true" title="设置"></lf-nav>
<view class="lf-p-l-32 lf-p-r-32"> <view class="lf-p-l-32 lf-p-r-32">
<view class="set-tag lf-border-bottom">
<view class="set-tag lf-border-bottom" @click="$url('/pages/user/my/editname')">
<view class="lf-font-28 lf-color-black"> <view class="lf-font-28 lf-color-black">
昵称 昵称
</view> </view>
@ -12,7 +12,7 @@
</view> </view>
</view> </view>
<view class="lf-p-l-32 lf-p-r-32"> <view class="lf-p-l-32 lf-p-r-32">
<view class="set-tag lf-border-bottom">
<view class="set-tag lf-border-bottom" @click="$msg('敬请期待')">
<view class="lf-font-28 lf-color-black"> <view class="lf-font-28 lf-color-black">
头像 头像
</view> </view>
@ -25,7 +25,7 @@
</view> </view>
</view> </view>
<view class="lf-p-l-32 lf-p-r-32"> <view class="lf-p-l-32 lf-p-r-32">
<view class="set-tag lf-border-bottom">
<view class="set-tag lf-border-bottom" @click="$url('/pages/user/my/vipinfo')">
<view class="lf-font-28 lf-color-black"> <view class="lf-font-28 lf-color-black">
会员资料 会员资料
</view> </view>
@ -35,7 +35,7 @@
</view> </view>
</view> </view>
<view class="lf-p-l-32 lf-p-r-32"> <view class="lf-p-l-32 lf-p-r-32">
<view class="set-tag">
<view class="set-tag" @click="$url('/pages/address/list/list')">
<view class="lf-font-28 lf-color-black"> <view class="lf-font-28 lf-color-black">
地址管理 地址管理
</view> </view>
@ -46,7 +46,7 @@
</view> </view>
<self-line/> <self-line/>
<view class="lf-p-l-32 lf-p-r-32"> <view class="lf-p-l-32 lf-p-r-32">
<view class="set-tag lf-border-bottom">
<view class="set-tag lf-border-bottom" @click="$url('/pages/user/my/verificationPhone')">
<view class="lf-font-28 lf-color-black"> <view class="lf-font-28 lf-color-black">
修改手机号 修改手机号
</view> </view>
@ -56,9 +56,9 @@
</view> </view>
</view> </view>
<view class="lf-p-l-32 lf-p-r-32"> <view class="lf-p-l-32 lf-p-r-32">
<view class="set-tag">
<view class="set-tag" @click="$url('/pages/user/my/setPassword')">
<view class="lf-font-28 lf-color-black"> <view class="lf-font-28 lf-color-black">
支付密码设着
支付密码设置
</view> </view>
<view class="lf-flex"> <view class="lf-flex">
<text class="lf-iconfont icon-xiangyou lf-font-24 lf-m-l-10 lf-color-777"></text> <text class="lf-iconfont icon-xiangyou lf-font-24 lf-m-l-10 lf-color-777"></text>
@ -67,7 +67,7 @@
</view> </view>
<self-line/> <self-line/>
<view class="lf-p-l-32 lf-p-r-32"> <view class="lf-p-l-32 lf-p-r-32">
<view class="set-tag lf-border-bottom">
<view class="set-tag lf-border-bottom" @click="$url('/pages/user/agreement/agreement')">
<view class="lf-font-28 lf-color-black"> <view class="lf-font-28 lf-color-black">
关于我们 关于我们
</view> </view>
@ -77,7 +77,7 @@
</view> </view>
</view> </view>
<view class="lf-p-l-32 lf-p-r-32"> <view class="lf-p-l-32 lf-p-r-32">
<view class="set-tag">
<view class="set-tag" @click="$msg('敬请期待')">
<view class="lf-font-28 lf-color-black"> <view class="lf-font-28 lf-color-black">
客服电话 客服电话
</view> </view>

Write Preview
Loading…
Cancel
Save