我的页面优化

dev
shuxiaoquan 1 year ago
parent a0c2fca3e0
commit eacca7c3b3
  1. 8
      api/user.js
  2. 2
      api/user/vip.js
  3. 2
      pages/index/index.vue
  4. 6
      pages/news/recycling/orderList.vue
  5. 3
      pages/serve/index.vue
  6. 550
      pages/user/index.vue

@ -5,7 +5,8 @@ const api = {
userInfo: 'user/info',
assets: 'user/assets',
bindMobile: 'user/bindMobile',
personal: 'user/personal'
personal: 'user/personal',
todoCounts: "order/todoCounts"
}
// 当前登录的用户信息
@ -18,6 +19,11 @@ export const info = (param, option) => {
return request.get(api.userInfo, param, options)
}
// 订单数量
export const todoCounts = (param, option) => {
return request.post(api.todoCounts, param, option)
}
// 账户资产
export const assets = (param, option) => {
return request.get(api.assets, param, option)

@ -4,7 +4,7 @@ import request from '@/utils/request'
const api = {
brandList: 'goods/brandList',
category: 'category/list',
getImage: 'goods/getCommonConfig',
getImage: 'goods/getCommonConfig'
}
// 大牌

@ -413,7 +413,7 @@
</view>
<view class="toTop" v-if="isTop" @click="openScrollTo()">
<image src="@/static/toTop.png"></image>
<image :src="$picUrl+'/static/toTop.png'"></image>
</view>
</view>
</template>

@ -59,7 +59,9 @@
</view>
</view>
</view>
<u-empty text="暂无信息" v-if="total == 0" mode="list" style="margin-top: 160rpx;"></u-empty>
<view style="margin-top: 260rpx;">
<u-empty text="暂无信息" v-if="total == 0" mode="list"></u-empty>
</view>
</view>
</template>
@ -375,7 +377,7 @@
.shopContent {
overflow: hidden;
.shopItem {
margin-bottom: 14upx;
padding: 36upx;

@ -41,8 +41,7 @@
<text class="listText">支付订单</text>
<text class="listText">服务评价</text>
</view>
<view class="member" @click="goMember" v-show="!userInfo == false || userInfo.grade_id == 0">
<view class="member" @click="goMember" v-if="!userInfo || userInfo.grade_id == 0">
<view class="memberCenter">
会员中心
</view>

@ -5,10 +5,10 @@
</view>
<view class="section_1">
<view class="box_1">
<image :src="$picUrl+'/static/default-logo.png'" v-if="!isLogin || !userInfo.avatar_url" class="image_2" @click="goLogin"></image>
<image :src="$picUrl+'/static/default-logo.png'" v-if="!isLogin || !userInfo.avatar_url" class="image_2" @click="goLogin()"></image>
<image :src="userInfo.avatar_url" v-else class="image_2"></image>
<view class="group_1">
<view class="image-text_1" v-if="!isLogin" @click="goLogin">
<view class="image-text_1" v-if="!isLogin" @click="goLogin()">
未登录
</view>
<view v-else class="image-text_1">
@ -22,24 +22,25 @@
<text lines="1" class="text_1" v-else-if="userInfo.user_type==10">游客</text>
</view>
</view>
<view class="group_2">
<image :src="$picUrl+'/static/home/news.png'" class="thumbnail"></image>
<text lines="1" class="text_2">消息</text>
</view>
<view class="group_4" @click="lookMemberCode('2')">
<image src="/static/user/code.png" class="thumbnail_2"></image>
<text lines="1" class="text_3">会员码</text>
</view>
<view class="group_5" v-if="userInfo.user_type!=20&&userInfo.user_type!=10"
@click="lookMemberCode('3')">
<image src="/static/user/code.png" class="thumbnail_3"></image>
<text lines="1" class="text_4">分销码</text>
<view style="display: flex; flex: 1; justify-content: flex-end;">
<view class="group_2">
<image :src="$picUrl+'/static/home/news.png'" class="thumbnail"></image>
<text lines="1" class="text_2">消息</text>
</view>
<view class="group_4" @click="lookMemberCode('2')" v-if="userInfo.user_type== 20">
<image :src="$picUrl+'/static/user/code.png'" class="thumbnail_2"></image>
<text lines="1" class="text_3">会员码</text>
</view>
<view class="group_5" @click="lookMemberCode('3')" v-if="userInfo.user_type== 30">
<image :src="$picUrl+'/static/user/code.png'" class="thumbnail_3"></image>
<text lines="1" class="text_4">分销码</text>
</view>
</view>
</view>
<view class="plus" v-if="userInfo.user_type!=40&&userInfo.user_type!=10&&userInfo.effective_time"
@click="goMember(userInfo.user_type==20?'hy':'fx')">
<view class="plus" v-if="userInfo.user_type== 20 || userInfo.user_type== 30 " @click="goMember(userInfo.user_type==20?'hy':'fx')">
<view class="plusLeft">
<view class="leftTop">
<image :src="$picUrl+'/static/user/vip.png'" class="vipIcon"></image>
<text v-if="userInfo.user_type==20">Plus</text>
<text v-if="userInfo.user_type==30">分销</text>
会员
@ -48,9 +49,7 @@
{{userInfo.effective_time}}到期
</view>
</view>
<view class="plusLine">
</view>
<view class="plusLine"></view>
<view class="plusRight">
<view class="rightTop">
年终百款好物热兑中
@ -60,11 +59,10 @@
</view>
</view>
</view>
<!-- v-if="userInfo.user_type!=30&&userInfo.user_type!=40" -->
<view class="newplus" v-if="userInfo.effective_time==''">
<view class="newplus" v-if="isLogin == false || userInfo.user_type==20">
<view class="memVip" @click="goMember('hy')">
<view class="vipLine">
<image src="/static/user/vip.png" mode="" class="vipIcon"></image>
<image :src="$picUrl+'/static/user/vip.png'" class="vipIcon"></image>
<text>Plus会员</text>
</view>
<view class="sec">
@ -75,7 +73,7 @@
</view>
<view class="memVip fxVip" @click="goMember('fx')">
<view class="vipLine">
<image src="/static/user/vip.png" mode="" class="vipIcon"></image>
<image :src="$picUrl+'/static/user/vip.png'" class="vipIcon"></image>
<text>分销会员</text>
</view>
<view class="sec">
@ -85,12 +83,11 @@
</view>
</view>
</view>
<!-- v-if="userInfo.user_type==40&&userInfo" -->
<view class="goodsManage" v-if="userInfo.user_type==40">
<view class="goodsManage" v-if="userInfo.user_type== 40">
<view class="manageTitle">
<text lines="1" class="text_5 titleLeft">商品管理</text>
<text lines="1" class="text_6 titleRight">查看全部</text>
<u-icon style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
<text lines="1" class="text_6 titleRight" @click="goJump('/pages/news/goods/list')">查看全部</text>
<u-icon @click="goJump('/pages/news/goods/list')" style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
</view>
<!-- -->
<view class="grounding">
@ -110,31 +107,31 @@
</view>
</view>
</view>
<view class="userSell" v-if="userInfo.user_type==40">
<view class="userSell" v-if="userInfo.user_type== 40">
<view class="sell">
会员分销
</view>
<view class="type">
<view class="type" @click="goJump('/pages/news/user/vip')">
<view class="typeLeft common">
会员管理<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon>
</view>
<view class="typeRight common">
<image :src="$picUrl+'/static/user/sale.png'" mode="" class="sale"></image>
<view class="typeRight common" @click="goJump('/pages/news/user/vip')">
<image :src="$picUrl+'/static/user/sale.png'" class="sale"></image>
分销管理<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon>
</view>
</view>
</view>
<view class="coupon" v-if="userInfo.user_type!=40">
<view class="coupon" v-if="isLogin == false || userInfo.user_type != 40">
<view class="walletList">
<view class="listItem">
<view class="listItem" @click="goPage('pages/cart/index')">
<view class="num">
235
</view>
<view class="info">
预约记录
购物车
</view>
</view>
<view class="listItem" @click="toLiulang()">
<view class="listItem" @click="goJump('pages/news/park/browsingHistory')">
<view class="num">
2
</view>
@ -142,15 +139,15 @@
浏览记录
</view>
</view>
<view class="listItem">
<view class="listItem" @click="goJump('pages/news/park/recordHistory')">
<view class="num">
2
235
</view>
<view class="info">
发货记录
预约记录
</view>
</view>
<view class="listItem" @click="getCoupon">
<view class="listItem" @click="goJump('pages/news/coupon/list')">
<view class="num">
2
</view>
@ -234,42 +231,42 @@
</view>
</view>
</view>
<view class="goodsManage" v-if="userInfo.user_type!=20&&userInfo.user_type!=10">
<view class="goodsManage" v-if="isLogin == false || userInfo.user_type>= 30">
<view class="manageTitle">
<text lines="1" class="text_5 titleLeft">分销订单</text>
<text lines="1" class="text_6 titleRight">查看全部</text>
<u-icon style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
<text lines="1" class="text_6 titleRight" @click="goJump('/pages/news3/fenxiao')">查看全部</text>
<u-icon @click="goJump('/pages/news3/fenxiao')" style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
</view>
<view class="grounding goodsOrder">
<view class="image-text_21">
<view class="image-text_21" @click="goJump('/pages/news3/fenxiao?type=1')">
<image :src="$picUrl+'/static/user/unpay.png'" class="label_11"></image>
<view class="text-group_21">
<text lines="1" class="text_7">2</text>
<text lines="1" class="text_8">待付款</text>
</view>
</view>
<view class="image-text_21">
<view class="image-text_21" @click="goJump('/pages/news3/fenxiao?type=2')">
<image :src="$picUrl+'/static/user/unsend.png'" class="label_11"></image>
<view class="text-group_21">
<text lines="1" class="text_7">2</text>
<text lines="1" class="text_8">待发货</text>
</view>
</view>
<view class="image-text_21">
<view class="image-text_21" @click="goJump('/pages/news3/fenxiao?type=7')">
<image :src="$picUrl+'/static/user/untake.png'" class="label_11"></image>
<view class="text-group_21">
<text lines="1" class="text_7">2</text>
<text lines="1" class="text_8">待收货</text>
</view>
</view>
<view class="image-text_21">
<view class="image-text_21" @click="goJump('/pages/news3/fenxiao?type=5')">
<image :src="$picUrl+'/static/user/over.png'" class="label_11"></image>
<view class="text-group_21">
<text lines="1" class="text_7">2</text>
<text lines="1" class="text_8">已完成</text>
</view>
</view>
<view class="image-text_21">
<view class="image-text_21" @click="goJump('/pages/news3/fenxiao?type=4')">
<image :src="$picUrl+'/static/user/detail.png'" class="label_11"></image>
<view class="text-group_21">
<text lines="1" class="text_7">2</text>
@ -283,7 +280,7 @@
我的钱包
</view>
<view class="walletList">
<view class="listItem" @click="myWallet">
<view class="listItem" @click="myWallet()">
<view class="num">
{{userInfo.balance?userInfo.balance:0}}
</view>
@ -291,7 +288,7 @@
余额
</view>
</view>
<view class="listItem">
<view class="listItem" @click="myWallet()">
<view class="num">
{{userInfo.income?userInfo.income:0}}
</view>
@ -299,7 +296,7 @@
收入
</view>
</view>
<view class="listItem">
<view class="listItem" @click="goJump('/pages/news/user/rechargeList')">
<view class="num">
{{userInfo.finace_count?userInfo.finace_count:0}}
</view>
@ -314,157 +311,166 @@
我的服务
</view>
<view class="serve">
<view class="serveIcon" v-if="userInfo.user_type==40" @click="goPage()">
<image src="/static/user/record.png" mode="" class="icons"></image>
<view class="serveIcon" v-if="isLogin == false" @click="goJump('/pages/news/user/rechargeList')">
<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
<view class="serveInfo">
发货记录
客服
</view>
</view>
<view class="serveIcon" v-if="userInfo.user_type==40" @click="goPage()">
<image src="/static/user/car.png" mode="" class="icons"></image>
<view class="serveIcon" v-else>
<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
<view class="serveInfo">
物流查询
客服
</view>
<button type="default" open-type="contact" class="infoBtn"></button>
</view>
<view class="serveIcon" v-if="userInfo.user_type==40">
<image src="/static/user/member.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news1/setting')">
<image :src="$picUrl+'/static/user/set.png'" class="icons"></image>
<view class="serveInfo">
会员价
设置
</view>
</view>
<view class="serveIcon" v-if="userInfo.user_type==40">
<image src="/static/user/retail.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news1/feedback')">
<image :src="$picUrl+'/static/user/complaint.png'" class="icons"></image>
<view class="serveInfo">
分销价
投诉
</view>
</view>
<view class="serveIcon" @click="goPage('/pages/news1/MerchantSettlement')">
<image src="/static/user/checkIn.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news/park/addressList')">
<image :src="$picUrl+'/static/user/address.png'" class="icons"></image>
<view class="serveInfo">
商家入驻
地址
</view>
</view>
<view class="serveIcon" v-if="userInfo.user_type==40">
<image src="/static/user/staff.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news/consult/about',1)">
<image :src="$picUrl+'/static/user/about.png'" class="icons"></image>
<view class="serveInfo">
员工管理
联系我们
</view>
</view>
<view class="serveIcon" v-if="userInfo.user_type==40">
<image src="/static/user/setHome.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news3/setOutRecords')" v-if="userInfo.user_type == 40">
<image :src="$picUrl+'/static/user/record.png'" class="icons"></image>
<view class="serveInfo">
店铺设置
发货记录
</view>
</view>
<view class="serveIcon" @click="goPage('/pages/news/park/addressList')">
<image src="/static/user/address.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news3/LogisticsInquiry')" v-if="userInfo.user_type == 40">
<image :src="$picUrl+'/static/user/car.png'" class="icons"></image>
<view class="serveInfo">
地址
物流查询
</view>
</view>
<view class="serveIcon" @click="goPage('/pages/invite/index')">
<image src="/static/user/invite.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news3/vipPrice?type=1')" v-if="userInfo.user_type == 40">
<image :src="$picUrl+'/static/user/member.png'" class="icons"></image>
<view class="serveInfo">
邀请朋友
会员价
</view>
</view>
<view class="serveIcon">
<image src="/static/user/invites.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news3/vipPrice?type=2')" v-if="userInfo.user_type == 40">
<image :src="$picUrl+'/static/user/retail.png'" class="icons"></image>
<view class="serveInfo">
<text v-if="userInfo.user_type!=20&&userInfo.user_type!=10">邀请分销</text>
<text v-if="userInfo.user_type==20||userInfo.user_type==10">加入分销</text>
分销价
</view>
</view>
<view class="serveIcon">
<image src="/static/user/customer.png" mode="" class="icons"></image>
<view>
<!-- 客服 class="serveInfo" -->
<button type="default" open-type="contact" class="infoBtn" style="border: none;display: inline-block;width: 120rpx;padding:0;color">客服</button>
<view class="serveIcon" @click="goJump('/pages/news1/MerchantSettlement')">
<image :src="$picUrl+'/static/user/checkIn.png'" class="icons"></image>
<view class="serveInfo">
商家入驻
</view>
</view>
<view class="serveIcon">
<image src="/static/user/set.png" mode="" class="icons"></image>
<view class="serveInfo" @click="goPage('/pages/news1/setting')">
设置
<!-- <view class="serveIcon" @click="goJump('/pages/news/user/vip')" v-if="userInfo.user_type == 40">
<image :src="$picUrl+'/static/user/staff.png'" class="icons"></image>
<view class="serveInfo">
员工管理
</view>
</view> -->
<view class="serveIcon" @click="goJump('/pages/news/consult/storeEdit')" v-if="userInfo.user_type == 40">
<image :src="$picUrl+'/static/user/setHome.png'" class="icons"></image>
<view class="serveInfo">
店铺设置
</view>
</view>
<view class="serveIcon">
<image src="/static/user/complaint.png" mode="" class="icons"
@click="goPage('/pages/news1/feedback')"></image>
<view class="serveIcon" @click="goJump('/pages/invite/index')">
<image :src="$picUrl+'/static/user/invite.png'" class="icons"></image>
<view class="serveInfo">
投诉
邀请朋友
</view>
</view>
<view class="serveIcon" @click="goPage('/pages/news/consult/about')">
<image src="/static/user/about.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/invite/index')">
<image :src="$picUrl+'/static/user/invites.png'" class="icons"></image>
<view class="serveInfo">
联系我们
<text v-if="userInfo.user_type >=30">邀请分销</text>
<text v-else >加入分销</text>
</view>
</view>
<view class="serveIcon" @click="goPage('/pages/news1/help')">
<image src="/static/user/help.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news1/help')">
<image :src="$picUrl+'/static/user/help.png'" class="icons"></image>
<view class="serveInfo">
帮助中心
</view>
</view>
<view class="serveIcon" @click="goPage('/pages/news1/huoyuan')">
<image src="/static/user/retail.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news1/huoyuan')">
<image :src="$picUrl+'/static/user/retail.png'" class="icons"></image>
<view class="serveInfo">
我要找货
</view>
</view>
<view class="serveIcon"
v-if="userInfo.user_type!=10&&userInfo.user_type!=20&&userInfo.user_type!=30">
<image src="/static/user/sj.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news/user/report')" v-if="userInfo.user_type == 40">
<image :src="$picUrl+'/static/user/sj.png'" class="icons"></image>
<view class="serveInfo">
数据统计
</view>
</view>
<view class="serveIcon"
v-if="userInfo.user_type!=10&&userInfo.user_type!=20&&userInfo.user_type!=30">
<image src="/static/user/hygl.png" mode="" class="icons"></image>
<view class="serveIcon" @click="goJump('/pages/news/user/vip')" v-if="userInfo.user_type == 40">
<image :src="$picUrl+'/static/user/hygl.png'" class="icons"></image>
<view class="serveInfo">
会员管理
</view>
</view>
<view class="serveIcon" @click="goPage('/pages/news1/jinqun')"
v-if="userInfo.user_type!=10&&userInfo.user_type!=20&&userInfo.user_type!=30">
<image src="/static/user/jq.png" mode="" class="icons"></image>
<view class="serveIcon" v-if="userInfo.user_type == 40" @click="goJump('/pages/news1/jinqun')">
<image :src="$picUrl+'/static/user/jq.png'" class="icons"></image>
<view class="serveInfo">
进群有礼
</view>
</view>
</view>
</view>
<view class="goodsSuggest" v-if="userInfo.user_type!=40">
<view class="line">
<image src="/static/user/left.png" mode=""></image>
<text>专属推荐</text>
<image src="/static/user/right.png" mode=""></image>
</view>
<view class="goodsList">
<view class="group_11" v-for="(item,index) in suggestGoodsList" :key="index" @click="goodsDetail(item)">
<view class="block_2">
<image :src="item.goods_image" class="image_3"></image>
<view class="box_6">
<!-- <view class="text-wrapper_4">
<text lines="1" class="text_12">自营</text>
</view> -->
<text lines="1" decode="true" class="text_13">{{item.goods_name}}</text>
</view>
<view class="text-wrapper_5">
<text lines="1" class="text_14">¥</text>
<text lines="1" class="text_15">{{item.goods_price_min}}</text>
<text lines="1" class="text_16">到手价</text>
<text lines="1" class="text_17">¥{{item.line_price_max}}</text>
</view>
<!-- <text lines="1" decode="true" class="text_18">200+条评论&nbsp;99%好评率</text> -->
<!-- 商品推荐 -->
<view class="goodsRecommend-title">
<image :src="$picUrl+'/static/user/left.png'"></image>为您推荐<image :src="$picUrl+'/static/user/right.png'"></image>
</view>
<view class="goodsRecommend">
<view class="goodsItem" v-for="(item,index) in suggestGoodsList" @click="goodsDetail(item)" :key="index">
<view class="pic">
<image :src="item.goods_image" mode=""></image>
</view>
<view class="goodsInfo">
<view class="title">
<text v-if="item.selling_point" class="ziying">{{item.selling_point}}</text>
<text class="name">{{item.goods_name}}</text>
</view>
<view class="isExpress">
<text>包邮</text>
</view>
<view class="price">
<text style="font-size: 20rpx;"></text>
<text style="font-weight: bold;font-size: 36rpx;">{{item.goods_price_max}}</text>
<text style="font-size: 20rpx;margin-left:10rpx;">到手价</text>
<text style="color: #949494;font-size: 22rpx;text-decoration: line-through;">{{item.line_price_max}}</text>
</view>
<view class="comment">
<text>{{item.goods_sales}}条评论</text>
<text style="margin-left:20rpx;">{{item.remaizhishu}}%好评率</text>
</view>
</view>
</view>
</view>
</view>
<view class="toTop" v-if="isTop" @click="openScrollTo()">
<image :src="$picUrl+'/static/toTop.png'"></image>
</view>
<view class="memberCode" v-if="memberCode" @click="memberCode=false">
<view class="codeMain">
<view class="myCode">
@ -490,6 +496,7 @@
export default {
data() {
return {
isTop: false,
background: {
background: 'url(https://www.royaum.com.cn/static/news/login-bg.png) center top no-repeat',
backgroundSize: '100% auto',
@ -497,9 +504,7 @@
userType: 2,
memberCode: false,
isLogin: false,
userInfo: {
user_type: 40
},
userInfo: {},
suggestGoodsList:[],
}
},
@ -507,15 +512,26 @@
this.onRefreshPage()
this.getSuggest()
},
onPageScroll(e) {
if (e.scrollTop <= 200 ) { // true
this.isTop = false
} else {
this.isTop = true
}
},
methods: {
openScrollTo(){
uni.pageScrollTo({
scrollTop: 0
})
},
getSuggest() {
//
const that = this
Api.recommended()
.then(res => {
that.suggestGoodsList = res.data.goodsList
})
.then(res => {
that.suggestGoodsList = res.data.goodsList
})
},
//
onRefreshPage() {
@ -533,6 +549,7 @@
})
.then(result => {
that.userInfo = result.data.userInfo
that.getOrderInfo();
uni.setStorageSync('userInfo', that.userInfo)
resolve(that.userInfo)
})
@ -546,17 +563,28 @@
})
})
},
toLiulang() {
if (!uni.getStorageSync('AccessToken')) {
uni.navigateTo({
url: "/pages/login/index"
})
return;
}
uni.navigateTo({
url: "/pages/news/park/browsingHistory"
//
getOrderInfo() {
const that = this
return new Promise((resolve, reject) => {
!that.isLogin ? resolve(null) : UserApi.todoCounts({}, {
load: that.isFirstload
})
.then(result => {
console.log(result.data)
resolve(that.userInfo)
})
.catch(err => {
if (err.result && err.result.status == 401) {
that.isLogin = false
resolve(null)
} else {
reject(err)
}
})
})
},
toFuwu(type) {
if (!uni.getStorageSync('AccessToken')) {
uni.navigateTo({
@ -569,11 +597,9 @@
})
},
goJump(path){
if(!uni.getStorageSync("AccessToken")){
uni.navigateTo({
url: "/pages/login/index"
})
return ;
if(this.isLogin == false){
this.goLogin()
return;
}
uni.navigateTo({
url: path
@ -586,31 +612,46 @@
})
},
goMember(type) {
if(this.isLogin == false){
this.goLogin()
return;
}
uni.navigateTo({
url: '/pages/member/index?type=' + type
})
},
goOrder() {
if(this.isLogin == false){
this.goLogin()
return;
}
uni.navigateTo({
url: '/pages/order/index'
})
},
lookMemberCode(val) {
if(this.isLogin == false){
this.goLogin()
return;
}
this.memberCode = true;
},
getCoupon() {
//
uni.navigateTo({
url: '/pages/news/coupon/index'
})
},
myWallet() {
if(this.isLogin == false){
this.goLogin()
return;
}
//
uni.navigateTo({
url: '/pages/news1/wallet'
})
},
goGoodsOrder(val) {
if(this.isLogin == false){
this.goLogin()
return;
}
//
uni.navigateTo({
url: '/pages/order/index?dataType=' + val
@ -619,12 +660,12 @@
goodsDetail(item) {
//
uni.navigateTo({
url: '/pages/goods/detail'
url: '/pages/goods/detail?goodsId='+item.goods_id
})
},
goPage(url) {
uni.navigateTo({
url: url
uni.switchTab({
url
})
},
}
@ -640,9 +681,129 @@
display: flex;
flex-direction: column;
justify-content: flex-end;
.toTop{
position: fixed;
bottom:30rpx;
right:16rpx;
width: 47px;
height: 47px;
background: #FFFFFF;
border-radius: 50%;
opacity: 1;
z-index:999;
display: flex;
align-items: center;
justify-content: center;
image{
width: 25px;
height: 25px;
}
}
}
.goodsRecommend-title{
padding: 20rpx 25rpx;
display: flex;
align-items: center;
font-size: 32rpx;
font-weight: 600;
color: #3B3B3B;
justify-content: center;
image{
width: 30rpx;
height: 30rpx;
margin: 0 10rpx;
}
}
.goodsRecommend{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding:10rpx 25rpx 25rpx;
.goodsItem{
width: 340rpx;
border-radius: 8rpx;
overflow: hidden;
background-color: #ffffff;
margin-bottom:24rpx;
padding: 20rpx;
box-sizing: border-box;
.pic{
width: 100%;
text-align: center;
image{
// width:100%;
width:256rpx;
height:256rpx;
}
}
.goodsInfo{
.title{
display: flex;
align-items: center;
margin-top:14rpx;
.ziying{
padding:4rpx 10rpx;
background: #FF4438;
border-radius: 2px 2px 2px 2px;
opacity: 1;
font-size: 24rpx;
font-weight: 400;
color: #FFFFFF;
}
.name{
margin-left:6rpx;
font-size: 24rpx;
font-weight: 400;
color: #1E1E1E;
flex:1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.isExpress{
height: 30rpx;
display: flex;
align-items: center;
margin:10rpx 0;
text{
display:inline-block;
width: 44rpx;
height:30rpx;
line-height: 28rpx;
border: 1px solid #F21A1C;
border-radius: 2px 2px 2px 2px;
background: #FFFFFF;
text-align: center;
font-size: 16rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #F21A1C;
}
}
.price{
color: #F21A1C;
display: flex;
align-items: baseline;
}
.comment{
margin-top: 6rpx;
font-size: 22rpx;
font-weight: 400;
color: #949494;
}
}
}
}
.section_1 {
position: relative;
width: 100%;
@ -809,9 +970,9 @@
width: 688rpx;
height: 130rpx;
background: linear-gradient(180deg, #FFF0DF 0%, #EFD4B4 100%);
border-radius: 8rpx 8rpx 8rpx 8rpx;
border-radius: 8rpx;
opacity: 1;
margin: 24rpx 0 0 92rpx;
margin: 24rpx auto 92rpx;
display: flex;
.plusLeft {
@ -822,11 +983,18 @@
opacity: 1;
border-radius: 8rpx 0 40rpx 0;
font-size: 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #966542;
line-height: 48rpx;
text-align: center;
display: flex;
align-items: center;
.vipIcon {
width: 42rpx;
height: 40rpx;
margin-right: 6rpx;
margin-left: 16rpx;
}
}
.leftBottom {
@ -855,7 +1023,6 @@
width: 280rpx;
height: 40rpx;
font-size: 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #654731;
line-height: 40rpx;
@ -895,19 +1062,16 @@
.num {
height: 50rpx;
font-size: 36rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
color: #2F2F2F;
line-height: 50rpx;
}
.info {
height: 34rpx;
font-size: 24rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #3D3D3D;
line-height: 34rpx;
line-height: 40rpx;
}
}
}
@ -915,16 +1079,13 @@
.newplus {
display: flex;
margin: 16rpx auto 0;
margin: 25rpx 30rpx 0;
justify-content: space-between;
.memVip {
width: 334rpx;
height: 130rpx;
background: linear-gradient(180deg, #FFF0DF 0%, #EFD4B4 100%);
border-radius: 8rpx 8rpx 8rpx 8rpx;
opacity: 1;
margin-right: 12rpx;
.vipLine {
width: 176rpx;
height: 46rpx;
@ -947,10 +1108,9 @@
.sec {
color: #AD836C;
margin-top: 12rpx;
margin-top: 15rpx;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
.inVip {
@ -958,6 +1118,7 @@
font-weight: 500;
color: #654731;
margin-right: 6rpx;
margin-left: 50rpx;
}
.enjoyVip {
@ -966,7 +1127,7 @@
font-weight: 400;
color: #966542;
line-height: 28rpx;
margin-right: 28rpx;
margin-right: 20rpx;
}
}
}
@ -987,7 +1148,7 @@
width: 688rpx;
display: flex;
flex-direction: column;
margin: 30rpx auto 0;
margin: 20rpx auto 0;
.manageTitle {
width: 638rpx;
@ -1044,7 +1205,7 @@
border-radius: 50%;
position: absolute;
right: 20rpx;
top: 0;
top: -10rpx;
z-index: 2;
line-height: 30rpx;
font-size: 24rpx;
@ -1299,19 +1460,16 @@
.num {
height: 50rpx;
font-size: 36rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
color: #2F2F2F;
line-height: 50rpx;
}
.info {
height: 34rpx;
font-size: 24rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #3D3D3D;
line-height: 34rpx;
line-height: 40rpx;
}
}
}
@ -1348,7 +1506,7 @@
flex-direction: column;
align-items: center;
margin-bottom: 22rpx;
position: relative;
.icons {
width: 48rpx;
height: 48rpx;
@ -1368,14 +1526,13 @@
}
.infoBtn {
width: 120rpx;
height: 34rpx;
font-size: 24rpx;
font-weight: 400;
color: #3D3D3D;
line-height: 34rpx;
text-align: center;
padding: 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
opacity: 0;
}
}
}
@ -1620,5 +1777,6 @@
margin-top: 62rpx;
}
}
}
</style>
Loading…
Cancel
Save