wx-jincw
2 weeks ago
parent
13f4167e37
commit
45423ea6a7
@ -1,196 +1,194 @@
|
|||||||
{
|
{
|
||||||
"pages": [
|
"pages": [{
|
||||||
{
|
"path": "pages/index/index",
|
||||||
"path": "pages/index/index",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "dark",
|
||||||
"backgroundTextStyle": "dark",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTextStyle": "black",
|
||||||
"navigationBarTextStyle": "black",
|
"enablePullDownRefresh": true,
|
||||||
"enablePullDownRefresh": true,
|
"navigationBarTitleText": "甄味馆"
|
||||||
"navigationBarTitleText": "mall4j"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/user/user",
|
||||||
"path": "pages/user/user",
|
"style": {
|
||||||
"style": {
|
"navigationBarTitleText": "个人中心"
|
||||||
"navigationBarTitleText": "个人中心"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/basket/basket",
|
||||||
"path": "pages/basket/basket",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "购物车",
|
||||||
"navigationBarTitleText": "购物车",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/category/category",
|
||||||
"path": "pages/category/category",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "分类商品",
|
||||||
"navigationBarTitleText": "分类商品",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/sub-category/sub-category"
|
||||||
"path": "pages/sub-category/sub-category"
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/search-page/search-page",
|
||||||
"path": "pages/search-page/search-page",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "搜索",
|
||||||
"navigationBarTitleText": "搜索",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/delivery-address/delivery-address",
|
||||||
"path": "pages/delivery-address/delivery-address",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "收货地址",
|
||||||
"navigationBarTitleText": "收货地址",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/editAddress/editAddress",
|
||||||
"path": "pages/editAddress/editAddress",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "编辑收货地址",
|
||||||
"navigationBarTitleText": "编辑收货地址",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/orderList/orderList",
|
||||||
"path": "pages/orderList/orderList",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarTitleText": "订单列表",
|
||||||
"navigationBarTitleText": "订单列表",
|
"navigationBarTextStyle": "black",
|
||||||
"navigationBarTextStyle": "black",
|
"navigationBarBackgroundColor": "#fafafa"
|
||||||
"navigationBarBackgroundColor": "#fafafa"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/order-detail/order-detail",
|
||||||
"path": "pages/order-detail/order-detail",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "订单详情",
|
||||||
"navigationBarTitleText": "订单详情",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/submit-order/submit-order",
|
||||||
"path": "pages/submit-order/submit-order",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "提交订单",
|
||||||
"navigationBarTitleText": "提交订单",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/express-delivery/express-delivery",
|
||||||
"path": "pages/express-delivery/express-delivery",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "物流查询",
|
||||||
"navigationBarTitleText": "物流查询",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/pay-result/pay-result",
|
||||||
"path": "pages/pay-result/pay-result",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "支付结果",
|
||||||
"navigationBarTitleText": "支付结果",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/search-prod-show/search-prod-show",
|
||||||
"path": "pages/search-prod-show/search-prod-show",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTitleText": "搜索结果",
|
||||||
"navigationBarTitleText": "搜索结果",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTextStyle": "black"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/prod/prod",
|
||||||
"path": "pages/prod/prod",
|
"style": {
|
||||||
"style": {
|
"navigationBarTitleText": "商品详情"
|
||||||
"navigationBarTitleText": "商品详情"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/prod-classify/prod-classify",
|
||||||
"path": "pages/prod-classify/prod-classify",
|
"style": {
|
||||||
"style": {
|
"onReachBottomDistance": 0
|
||||||
"onReachBottomDistance": 0
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/recent-news/recent-news",
|
||||||
"path": "pages/recent-news/recent-news",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarTitleText": "最新公告",
|
||||||
"navigationBarTitleText": "最新公告",
|
"navigationBarTextStyle": "black",
|
||||||
"navigationBarTextStyle": "black",
|
"navigationBarBackgroundColor": "#fafafa"
|
||||||
"navigationBarBackgroundColor": "#fafafa"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/news-detail/news-detail",
|
||||||
"path": "pages/news-detail/news-detail",
|
"style": {
|
||||||
"style": {
|
"backgroundTextStyle": "light",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarTitleText": "最新公告",
|
||||||
"navigationBarTitleText": "最新公告",
|
"navigationBarTextStyle": "black",
|
||||||
"navigationBarTextStyle": "black",
|
"navigationBarBackgroundColor": "#fafafa"
|
||||||
"navigationBarBackgroundColor": "#fafafa"
|
}
|
||||||
}
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/accountLogin/accountLogin"
|
||||||
"path": "pages/accountLogin/accountLogin"
|
},
|
||||||
},
|
{
|
||||||
{
|
"path": "pages/register/register"
|
||||||
"path": "pages/register/register"
|
}
|
||||||
}
|
],
|
||||||
],
|
"tabBar": {
|
||||||
"tabBar": {
|
"selectedColor": "#3a86b9",
|
||||||
"selectedColor": "#3a86b9",
|
"color": "#b8b8b8",
|
||||||
"color": "#b8b8b8",
|
"list": [{
|
||||||
"list": [
|
"pagePath": "pages/index/index",
|
||||||
{
|
"text": "首页",
|
||||||
"pagePath": "pages/index/index",
|
"iconPath": "/static/images/tabbar/homepage.png",
|
||||||
"text": "首页",
|
"selectedIconPath": "/static/images/tabbar/homepage-sel.png"
|
||||||
"iconPath": "/static/images/tabbar/homepage.png",
|
},
|
||||||
"selectedIconPath": "/static/images/tabbar/homepage-sel.png"
|
{
|
||||||
},
|
"pagePath": "pages/category/category",
|
||||||
{
|
"text": "分类",
|
||||||
"pagePath": "pages/category/category",
|
"iconPath": "/static/images/tabbar/category.png",
|
||||||
"text": "分类",
|
"selectedIconPath": "/static/images/tabbar/category-sel.png"
|
||||||
"iconPath": "/static/images/tabbar/category.png",
|
},
|
||||||
"selectedIconPath": "/static/images/tabbar/category-sel.png"
|
{
|
||||||
},
|
"pagePath": "pages/basket/basket",
|
||||||
{
|
"text": "购物车",
|
||||||
"pagePath": "pages/basket/basket",
|
"iconPath": "/static/images/tabbar/basket.png",
|
||||||
"text": "购物车",
|
"selectedIconPath": "/static/images/tabbar/basket-sel.png"
|
||||||
"iconPath": "/static/images/tabbar/basket.png",
|
},
|
||||||
"selectedIconPath": "/static/images/tabbar/basket-sel.png"
|
{
|
||||||
},
|
"pagePath": "pages/user/user",
|
||||||
{
|
"text": "我的",
|
||||||
"pagePath": "pages/user/user",
|
"iconPath": "/static/images/tabbar/user.png",
|
||||||
"text": "我的",
|
"selectedIconPath": "/static/images/tabbar/user-sel.png"
|
||||||
"iconPath": "/static/images/tabbar/user.png",
|
}
|
||||||
"selectedIconPath": "/static/images/tabbar/user-sel.png"
|
]
|
||||||
}
|
},
|
||||||
]
|
"sitemapLocation": "sitemap.json",
|
||||||
},
|
"globalStyle": {
|
||||||
"sitemapLocation": "sitemap.json",
|
"backgroundTextStyle": "light",
|
||||||
"globalStyle": {
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"backgroundTextStyle": "light",
|
"navigationBarTitleText": "WeChat",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarTextStyle": "black"
|
||||||
"navigationBarTitleText": "WeChat",
|
},
|
||||||
"navigationBarTextStyle": "black"
|
"subPackages": []
|
||||||
},
|
|
||||||
"subPackages": []
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,507 +1,399 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<view class="bg-sear">
|
<view class="bg-sear">
|
||||||
<view class="scrolltop">
|
<view class="scrolltop">
|
||||||
<view
|
<view class="section" @tap="toSearchPage">
|
||||||
class="section"
|
<image src="@/static/images/icon/search.png" class="search-img" />
|
||||||
@tap="toSearchPage"
|
<text class="placeholder">
|
||||||
>
|
搜索
|
||||||
<image
|
</text>
|
||||||
src="@/static/images/icon/search.png"
|
</view>
|
||||||
class="search-img"
|
</view>
|
||||||
/>
|
</view>
|
||||||
<text class="placeholder">
|
|
||||||
搜索
|
<view class="content">
|
||||||
</text>
|
<!-- swiper -->
|
||||||
</view>
|
<swiper :autoplay="autoplay" :indicator-color="indicatorColor" :interval="interval" :duration="duration"
|
||||||
</view>
|
:indicator-active-color="indicatorActiveColor + ' '" :circular="true" class="pic-swiper" indicator-dots
|
||||||
</view>
|
previous-margin="20rpx" next-margin="20rpx">
|
||||||
|
<block v-for="(item, index) in indexImgs" :key="index">
|
||||||
<view class="content">
|
<swiper-item class="banner-item">
|
||||||
<!-- swiper -->
|
<view class="img-box">
|
||||||
<swiper
|
<image :src="item.imgUrl" :data-prodid="item.relation" class="banner" @tap="toProdPage" />
|
||||||
:autoplay="autoplay"
|
</view>
|
||||||
:indicator-color="indicatorColor"
|
</swiper-item>
|
||||||
:interval="interval"
|
</block>
|
||||||
:duration="duration"
|
</swiper>
|
||||||
:indicator-active-color="indicatorActiveColor + ' '"
|
<!-- end swiper -->
|
||||||
:circular="true"
|
|
||||||
class="pic-swiper"
|
<view class="cat-item">
|
||||||
indicator-dots
|
<view class="item" data-sts="1" @tap="toClassifyPage">
|
||||||
previous-margin="20rpx"
|
<image src="@/static/images/icon/newProd.png" />
|
||||||
next-margin="20rpx"
|
<text>新品推荐</text>
|
||||||
>
|
</view>
|
||||||
<block
|
<view class="item" data-sts="1" @tap="toClassifyPage">
|
||||||
v-for="(item, index) in indexImgs"
|
<image src="@/static/images/icon/timePrice.png" />
|
||||||
:key="index"
|
<text>限时特惠</text>
|
||||||
>
|
</view>
|
||||||
<swiper-item class="banner-item">
|
<view class="item" data-sts="3" @tap="toClassifyPage">
|
||||||
<view class="img-box">
|
<image src="@/static/images/icon/neweveryday.png" />
|
||||||
<image
|
<text>每日疯抢</text>
|
||||||
:src="item.imgUrl"
|
</view>
|
||||||
:data-prodid="item.relation"
|
<view class="item" @tap="toCouponCenter">
|
||||||
class="banner"
|
<image src="@/static/images/icon/newprods.png" />
|
||||||
@tap="toProdPage"
|
<text>领优惠券</text>
|
||||||
/>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</swiper-item>
|
|
||||||
</block>
|
<!-- 消息播放 -->
|
||||||
</swiper>
|
<view v-if="news && news.length" class="message-play" @tap="onNewsPage">
|
||||||
<!-- end swiper -->
|
<image src="@/static/images/icon/horn.png" class="hornpng" />
|
||||||
|
<swiper :vertical="true" :autoplay="true" :circular="true" duration="1000" class="swiper-cont">
|
||||||
<view class="cat-item">
|
<block v-for="(item, index) in news" :key="index">
|
||||||
<view
|
<swiper-item class="items">
|
||||||
class="item"
|
{{ item.title }}
|
||||||
data-sts="1"
|
</swiper-item>
|
||||||
@tap="toClassifyPage"
|
</block>
|
||||||
>
|
</swiper>
|
||||||
<image src="@/static/images/icon/newProd.png" />
|
<text class="arrow" />
|
||||||
<text>新品推荐</text>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view
|
|
||||||
class="item"
|
<view v-if="updata" class="updata">
|
||||||
data-sts="1"
|
<block v-for="(item, index) in taglist" :key="index">
|
||||||
@tap="toClassifyPage"
|
<!-- 每日上新 -->
|
||||||
>
|
<view v-if="item.style==='2' && item.prods && item.prods.length" class="up-to-date">
|
||||||
<image src="@/static/images/icon/timePrice.png" />
|
<view class="title">
|
||||||
<text>限时特惠</text>
|
<text>{{ item.title }}</text>
|
||||||
</view>
|
<view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
|
||||||
<view
|
<text class="more">
|
||||||
class="item"
|
查看更多
|
||||||
data-sts="3"
|
</text>
|
||||||
@tap="toClassifyPage"
|
</view>
|
||||||
>
|
</view>
|
||||||
<image src="@/static/images/icon/neweveryday.png" />
|
<view class="item-cont">
|
||||||
<text>每日疯抢</text>
|
<block v-for="(prod, index2) in item.prods" :key="index2">
|
||||||
</view>
|
<view class="prod-item" :data-prodid="prod.prodId" @tap="toProdPage">
|
||||||
<view
|
<view>
|
||||||
class="item"
|
<view class="imagecont">
|
||||||
@tap="toCouponCenter"
|
<img-show :src="prod.pic" :class-list="['prodimg']" />
|
||||||
>
|
</view>
|
||||||
<image src="@/static/images/icon/newprods.png" />
|
<view class="prod-text">
|
||||||
<text>领优惠券</text>
|
{{ prod.prodName }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<view class="price">
|
||||||
|
<text class="symbol">
|
||||||
<!-- 消息播放 -->
|
￥
|
||||||
<view
|
</text>
|
||||||
v-if="news && news.length"
|
<text class="big-num">
|
||||||
class="message-play"
|
{{ wxs.parsePrice(prod.price)[0] }}
|
||||||
@tap="onNewsPage"
|
</text>
|
||||||
>
|
<text class="small-num">
|
||||||
<image
|
.{{ wxs.parsePrice(prod.price)[1] }}
|
||||||
src="@/static/images/icon/horn.png"
|
</text>
|
||||||
class="hornpng"
|
</view>
|
||||||
/>
|
</view>
|
||||||
<swiper
|
</view>
|
||||||
:vertical="true"
|
</block>
|
||||||
:autoplay="true"
|
</view>
|
||||||
:circular="true"
|
</view>
|
||||||
duration="1000"
|
|
||||||
class="swiper-cont"
|
<!-- 商城热卖 -->
|
||||||
>
|
<view v-if="item.style==='1' && item.prods && item.prods.length" class="hot-sale">
|
||||||
<block
|
<view class="title">
|
||||||
v-for="(item, index) in news"
|
<text>{{ item.title }}</text>
|
||||||
:key="index"
|
<view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
|
||||||
>
|
<text class="more">
|
||||||
<swiper-item class="items">
|
更多
|
||||||
{{ item.title }}
|
</text>
|
||||||
</swiper-item>
|
<text class="arrow" />
|
||||||
</block>
|
</view>
|
||||||
</swiper>
|
</view>
|
||||||
<text class="arrow" />
|
<view class="hotsale-item-cont">
|
||||||
</view>
|
<block v-for="(prod, index2) in item.prods" :key="index2">
|
||||||
</view>
|
<view class="prod-items" :data-prodid="prod.prodId" @tap="toProdPage">
|
||||||
|
<view class="hot-imagecont">
|
||||||
<view
|
<img-show :src="prod.pic" :class-list="['hotsaleimg']" />
|
||||||
v-if="updata"
|
</view>
|
||||||
class="updata"
|
<view class="hot-text">
|
||||||
>
|
<view class="hotprod-text">
|
||||||
<block
|
{{ prod.prodName }}
|
||||||
v-for="(item, index) in taglist"
|
</view>
|
||||||
:key="index"
|
<view class="prod-info">
|
||||||
>
|
{{ prod.brief }}
|
||||||
<!-- 每日上新 -->
|
</view>
|
||||||
<view
|
<view class="prod-text-info">
|
||||||
v-if="item.style==='2' && item.prods && item.prods.length"
|
<view class="price">
|
||||||
class="up-to-date"
|
<text class="symbol">
|
||||||
>
|
￥
|
||||||
<view class="title">
|
</text>
|
||||||
<text>{{ item.title }}</text>
|
<text class="big-num">
|
||||||
<view
|
{{ wxs.parsePrice(prod.price)[0] }}
|
||||||
class="more-prod-cont"
|
</text>
|
||||||
data-sts="0"
|
<text class="small-num">
|
||||||
:data-id="item.id"
|
.{{ wxs.parsePrice(prod.price)[1] }}
|
||||||
:data-title="item.title"
|
</text>
|
||||||
@tap="toClassifyPage"
|
</view>
|
||||||
>
|
<image src="@/static/images/tabbar/basket-sel.png" class="basket-img" />
|
||||||
<text class="more">
|
</view>
|
||||||
查看更多
|
</view>
|
||||||
</text>
|
</view>
|
||||||
</view>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
<view class="item-cont">
|
</view>
|
||||||
<block
|
|
||||||
v-for="(prod, index2) in item.prods"
|
<!-- 更多宝贝 -->
|
||||||
:key="index2"
|
<view v-if="item.style==='0' && item.prods && item.prods.length" class="more-prod">
|
||||||
>
|
<view class="title">
|
||||||
<view
|
{{ item.title }}
|
||||||
class="prod-item"
|
</view>
|
||||||
:data-prodid="prod.prodId"
|
<view class="prod-show">
|
||||||
@tap="toProdPage"
|
<block v-for="(prod, index2) in item.prods" :key="index2">
|
||||||
>
|
<view class="show-item" :data-prodid="prod.prodId" @tap="toProdPage">
|
||||||
<view>
|
<view class="more-prod-pic">
|
||||||
<view class="imagecont">
|
<img-show :src="prod.pic" :class-list="['more-pic']" />
|
||||||
<img-show
|
</view>
|
||||||
:src="prod.pic"
|
<view class="prod-text-right">
|
||||||
:class-list="['prodimg']"
|
<view class="prod-text more">
|
||||||
/>
|
{{ prod.prodName }}
|
||||||
</view>
|
</view>
|
||||||
<view class="prod-text">
|
<view class="prod-info">
|
||||||
{{ prod.prodName }}
|
{{ prod.brief }}
|
||||||
</view>
|
</view>
|
||||||
<view class="price">
|
<view class="b-cart">
|
||||||
<text class="symbol">
|
<view class="price">
|
||||||
￥
|
<text class="symbol">
|
||||||
</text>
|
￥
|
||||||
<text class="big-num">
|
</text>
|
||||||
{{ wxs.parsePrice(prod.price)[0] }}
|
<text class="big-num">
|
||||||
</text>
|
{{ wxs.parsePrice(prod.price)[0] }}
|
||||||
<text class="small-num">
|
</text>
|
||||||
.{{ wxs.parsePrice(prod.price)[1] }}
|
<text class="small-num">
|
||||||
</text>
|
.{{ wxs.parsePrice(prod.price)[1] }}
|
||||||
</view>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<image src="@/static/images/tabbar/basket-sel.png" class="basket-img" @tap.stop="addToCart(prod)" />
|
||||||
</block>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
</block>
|
||||||
<!-- 商城热卖 -->
|
</view>
|
||||||
<view
|
</view>
|
||||||
v-if="item.style==='1' && item.prods && item.prods.length"
|
</block>
|
||||||
class="hot-sale"
|
</view>
|
||||||
>
|
</view>
|
||||||
<view class="title">
|
</template>
|
||||||
<text>{{ item.title }}</text>
|
|
||||||
<view
|
<script setup>
|
||||||
class="more-prod-cont"
|
const wxs = number()
|
||||||
data-sts="0"
|
const indicatorColor = ref('#d1e5fb')
|
||||||
:data-id="item.id"
|
const indicatorActiveColor = ref('#1b7dec')
|
||||||
:data-title="item.title"
|
const autoplay = ref(true)
|
||||||
@tap="toClassifyPage"
|
const interval = ref(2000)
|
||||||
>
|
const duration = ref(1000)
|
||||||
<text class="more">
|
const indexImgs = ref([])
|
||||||
更多
|
const seq = ref(0)
|
||||||
</text>
|
const news = ref([])
|
||||||
<text class="arrow" />
|
const taglist = ref([])
|
||||||
</view>
|
const updata = ref(true)
|
||||||
</view>
|
|
||||||
<view class="hotsale-item-cont">
|
onLoad(() => {
|
||||||
<block
|
getAllData()
|
||||||
v-for="(prod, index2) in item.prods"
|
})
|
||||||
:key="index2"
|
onShow(() => {
|
||||||
>
|
// #ifdef MP-WEIXIN
|
||||||
<view
|
uni.getSetting({
|
||||||
class="prod-items"
|
success(res) {
|
||||||
:data-prodid="prod.prodId"
|
if (!res.authSetting['scope.userInfo']) {
|
||||||
@tap="toProdPage"
|
uni.navigateTo({
|
||||||
>
|
url: '/pages/login/login'
|
||||||
<view class="hot-imagecont">
|
})
|
||||||
<img-show
|
}
|
||||||
:src="prod.pic"
|
}
|
||||||
:class-list="['hotsaleimg']"
|
})
|
||||||
/>
|
// #endif
|
||||||
</view>
|
http.getCartCount() // 重新计算购物车总数量
|
||||||
<view class="hot-text">
|
})
|
||||||
<view class="hotprod-text">
|
|
||||||
{{ prod.prodName }}
|
onPullDownRefresh(() => {
|
||||||
</view>
|
// 模拟加载
|
||||||
<view class="prod-info">
|
setTimeout(() => {
|
||||||
{{ prod.brief }}
|
getAllData()
|
||||||
</view>
|
uni.stopPullDownRefresh() // 停止下拉刷新
|
||||||
<view class="prod-text-info">
|
}, 100)
|
||||||
<view class="price">
|
})
|
||||||
<text class="symbol">
|
|
||||||
￥
|
const getAllData = () => {
|
||||||
</text>
|
http.getCartCount() // 重新计算购物车总数量
|
||||||
<text class="big-num">
|
getIndexImgs()
|
||||||
{{ wxs.parsePrice(prod.price)[0] }}
|
getNoticeList()
|
||||||
</text>
|
getTag()
|
||||||
<text class="small-num">
|
}
|
||||||
.{{ wxs.parsePrice(prod.price)[1] }}
|
|
||||||
</text>
|
const toProdPage = (e) => {
|
||||||
</view>
|
const prodid = e.currentTarget.dataset.prodid
|
||||||
<image
|
|
||||||
src="@/static/images/tabbar/basket-sel.png"
|
if (prodid) {
|
||||||
class="basket-img"
|
uni.navigateTo({
|
||||||
/>
|
url: '/pages/prod/prod?prodid=' + prodid
|
||||||
</view>
|
})
|
||||||
</view>
|
}
|
||||||
</view>
|
}
|
||||||
</block>
|
/**
|
||||||
</view>
|
* 加入购物车
|
||||||
</view>
|
* @param item
|
||||||
|
*/
|
||||||
<!-- 更多宝贝 -->
|
const addToCart = (item) => {
|
||||||
<view
|
uni.showLoading({
|
||||||
v-if="item.style==='0' && item.prods && item.prods.length"
|
mask: true
|
||||||
class="more-prod"
|
})
|
||||||
>
|
http.request({
|
||||||
<view class="title">
|
url: '/prod/prodInfo',
|
||||||
{{ item.title }}
|
method: 'GET',
|
||||||
</view>
|
data: {
|
||||||
<view class="prod-show">
|
prodId: item.prodId
|
||||||
<block
|
}
|
||||||
v-for="(prod, index2) in item.prods"
|
})
|
||||||
:key="index2"
|
.then(({
|
||||||
>
|
data
|
||||||
<view
|
}) => {
|
||||||
class="show-item"
|
http.request({
|
||||||
:data-prodid="prod.prodId"
|
url: '/p/shopCart/changeItem',
|
||||||
@tap="toProdPage"
|
method: 'POST',
|
||||||
>
|
data: {
|
||||||
<view class="more-prod-pic">
|
basketId: 0,
|
||||||
<img-show
|
count: 1,
|
||||||
:src="prod.pic"
|
prodId: data.prodId,
|
||||||
:class-list="['more-pic']"
|
shopId: data.shopId,
|
||||||
/>
|
skuId: data.skuList[0].skuId
|
||||||
</view>
|
}
|
||||||
<view class="prod-text-right">
|
})
|
||||||
<view class="prod-text more">
|
.then(() => {
|
||||||
{{ prod.prodName }}
|
uni.hideLoading()
|
||||||
</view>
|
http.getCartCount() // 重新计算购物车总数量
|
||||||
<view class="prod-info">
|
uni.showToast({
|
||||||
{{ prod.brief }}
|
title: '加入购物车成功',
|
||||||
</view>
|
icon: 'none'
|
||||||
<view class="b-cart">
|
})
|
||||||
<view class="price">
|
})
|
||||||
<text class="symbol">
|
})
|
||||||
￥
|
}
|
||||||
</text>
|
|
||||||
<text class="big-num">
|
const toCouponCenter = () => {
|
||||||
{{ wxs.parsePrice(prod.price)[0] }}
|
uni.showToast({
|
||||||
</text>
|
icon: 'none',
|
||||||
<text class="small-num">
|
title: '功能开发中'
|
||||||
.{{ wxs.parsePrice(prod.price)[1] }}
|
})
|
||||||
</text>
|
}
|
||||||
</view>
|
|
||||||
<image
|
/**
|
||||||
src="@/static/images/tabbar/basket-sel.png"
|
* 跳转搜索页
|
||||||
class="basket-img"
|
*/
|
||||||
@tap.stop="addToCart(prod)"
|
const toSearchPage = () => {
|
||||||
/>
|
uni.navigateTo({
|
||||||
</view>
|
url: '/pages/search-page/search-page'
|
||||||
</view>
|
})
|
||||||
</view>
|
}
|
||||||
</block>
|
|
||||||
</view>
|
/**
|
||||||
</view>
|
* 跳转商品活动页面
|
||||||
</block>
|
* @param e
|
||||||
</view>
|
*/
|
||||||
</view>
|
const toClassifyPage = (e) => {
|
||||||
</template>
|
let url = '/pages/prod-classify/prod-classify?sts=' + e.currentTarget.dataset.sts
|
||||||
|
const id = e.currentTarget.dataset.id
|
||||||
<script setup>
|
const title = e.currentTarget.dataset.title
|
||||||
const wxs = number()
|
|
||||||
const indicatorColor = ref('#d1e5fb')
|
if (id) {
|
||||||
const indicatorActiveColor = ref('#1b7dec')
|
url += '&tagid=' + id + '&title=' + title
|
||||||
const autoplay = ref(true)
|
}
|
||||||
const interval = ref(2000)
|
|
||||||
const duration = ref(1000)
|
uni.navigateTo({
|
||||||
const indexImgs = ref([])
|
url
|
||||||
const seq = ref(0)
|
})
|
||||||
const news = ref([])
|
}
|
||||||
const taglist = ref([])
|
/**
|
||||||
const updata = ref(true)
|
* 跳转公告列表页面
|
||||||
|
*/
|
||||||
onLoad(() => {
|
const onNewsPage = () => {
|
||||||
getAllData()
|
uni.navigateTo({
|
||||||
})
|
url: '/pages/recent-news/recent-news'
|
||||||
onShow(() => {
|
})
|
||||||
// #ifdef MP-WEIXIN
|
}
|
||||||
uni.getSetting({
|
|
||||||
success (res) {
|
/**
|
||||||
if (!res.authSetting['scope.userInfo']) {
|
* 加载轮播图
|
||||||
uni.navigateTo({
|
*/
|
||||||
url: '/pages/login/login'
|
const getIndexImgs = () => {
|
||||||
})
|
http.request({
|
||||||
}
|
url: '/indexImgs',
|
||||||
}
|
method: 'GET',
|
||||||
})
|
data: {}
|
||||||
// #endif
|
})
|
||||||
http.getCartCount() // 重新计算购物车总数量
|
.then(({
|
||||||
})
|
data
|
||||||
|
}) => {
|
||||||
onPullDownRefresh(() => {
|
indexImgs.value = data
|
||||||
// 模拟加载
|
seq.value = data
|
||||||
setTimeout(() => {
|
})
|
||||||
getAllData()
|
}
|
||||||
uni.stopPullDownRefresh() // 停止下拉刷新
|
|
||||||
}, 100)
|
const getNoticeList = () => {
|
||||||
})
|
// 加载公告
|
||||||
|
http.request({
|
||||||
const getAllData = () => {
|
url: '/shop/notice/topNoticeList',
|
||||||
http.getCartCount()// 重新计算购物车总数量
|
method: 'GET',
|
||||||
getIndexImgs()
|
data: {}
|
||||||
getNoticeList()
|
})
|
||||||
getTag()
|
.then(({
|
||||||
}
|
data
|
||||||
|
}) => {
|
||||||
const toProdPage = (e) => {
|
news.value = data
|
||||||
const prodid = e.currentTarget.dataset.prodid
|
})
|
||||||
|
}
|
||||||
if (prodid) {
|
|
||||||
uni.navigateTo({
|
/**
|
||||||
url: '/pages/prod/prod?prodid=' + prodid
|
* 加载商品标题分组列表
|
||||||
})
|
*/
|
||||||
}
|
const getTag = () => {
|
||||||
}
|
http.request({
|
||||||
/**
|
url: '/prod/tag/prodTagList',
|
||||||
* 加入购物车
|
method: 'GET',
|
||||||
* @param item
|
data: {}
|
||||||
*/
|
})
|
||||||
const addToCart = (item) => {
|
.then(({
|
||||||
uni.showLoading({
|
data
|
||||||
mask: true
|
}) => {
|
||||||
})
|
taglist.value = data
|
||||||
http.request({
|
for (let i = 0; i < data.length; i++) {
|
||||||
url: '/prod/prodInfo',
|
updata.value = false
|
||||||
method: 'GET',
|
updata.value = true
|
||||||
data: {
|
getTagProd(data[i].id, i)
|
||||||
prodId: item.prodId
|
}
|
||||||
}
|
})
|
||||||
})
|
}
|
||||||
.then(({ data }) => {
|
|
||||||
http.request({
|
const getTagProd = (id, index) => {
|
||||||
url: '/p/shopCart/changeItem',
|
http.request({
|
||||||
method: 'POST',
|
url: '/prod/prodListByTagId',
|
||||||
data: {
|
method: 'GET',
|
||||||
basketId: 0,
|
data: {
|
||||||
count: 1,
|
tagId: id,
|
||||||
prodId: data.prodId,
|
size: 6
|
||||||
shopId: data.shopId,
|
}
|
||||||
skuId: data.skuList[0].skuId
|
})
|
||||||
}
|
.then(({
|
||||||
})
|
data
|
||||||
.then(() => {
|
}) => {
|
||||||
uni.hideLoading()
|
updata.value = false
|
||||||
http.getCartCount() // 重新计算购物车总数量
|
updata.value = true
|
||||||
uni.showToast({
|
const taglistParam = taglist.value
|
||||||
title: '加入购物车成功',
|
taglistParam[index].prods = data.records
|
||||||
icon: 'none'
|
taglist.value = taglistParam
|
||||||
})
|
})
|
||||||
})
|
}
|
||||||
})
|
</script>
|
||||||
}
|
|
||||||
|
<style scoped lang="scss">
|
||||||
const toCouponCenter = () => {
|
@use './index.scss';
|
||||||
uni.showToast({
|
|
||||||
icon: 'none',
|
|
||||||
title: '该功能未开源'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 跳转搜索页
|
|
||||||
*/
|
|
||||||
const toSearchPage = () => {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/search-page/search-page'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 跳转商品活动页面
|
|
||||||
* @param e
|
|
||||||
*/
|
|
||||||
const toClassifyPage = (e) => {
|
|
||||||
let url = '/pages/prod-classify/prod-classify?sts=' + e.currentTarget.dataset.sts
|
|
||||||
const id = e.currentTarget.dataset.id
|
|
||||||
const title = e.currentTarget.dataset.title
|
|
||||||
|
|
||||||
if (id) {
|
|
||||||
url += '&tagid=' + id + '&title=' + title
|
|
||||||
}
|
|
||||||
|
|
||||||
uni.navigateTo({
|
|
||||||
url
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 跳转公告列表页面
|
|
||||||
*/
|
|
||||||
const onNewsPage = () => {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/recent-news/recent-news'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 加载轮播图
|
|
||||||
*/
|
|
||||||
const getIndexImgs = () => {
|
|
||||||
http.request({
|
|
||||||
url: '/indexImgs',
|
|
||||||
method: 'GET',
|
|
||||||
data: {}
|
|
||||||
})
|
|
||||||
.then(({ data }) => {
|
|
||||||
indexImgs.value = data
|
|
||||||
seq.value = data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const getNoticeList = () => {
|
|
||||||
// 加载公告
|
|
||||||
http.request({
|
|
||||||
url: '/shop/notice/topNoticeList',
|
|
||||||
method: 'GET',
|
|
||||||
data: {}
|
|
||||||
})
|
|
||||||
.then(({ data }) => {
|
|
||||||
news.value = data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 加载商品标题分组列表
|
|
||||||
*/
|
|
||||||
const getTag = () => {
|
|
||||||
http.request({
|
|
||||||
url: '/prod/tag/prodTagList',
|
|
||||||
method: 'GET',
|
|
||||||
data: {}
|
|
||||||
})
|
|
||||||
.then(({ data }) => {
|
|
||||||
taglist.value = data
|
|
||||||
for (let i = 0; i < data.length; i++) {
|
|
||||||
updata.value = false
|
|
||||||
updata.value = true
|
|
||||||
getTagProd(data[i].id, i)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const getTagProd = (id, index) => {
|
|
||||||
http.request({
|
|
||||||
url: '/prod/prodListByTagId',
|
|
||||||
method: 'GET',
|
|
||||||
data: {
|
|
||||||
tagId: id,
|
|
||||||
size: 6
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.then(({ data }) => {
|
|
||||||
updata.value = false
|
|
||||||
updata.value = true
|
|
||||||
const taglistParam = taglist.value
|
|
||||||
taglistParam[index].prods = data.records
|
|
||||||
taglist.value = taglistParam
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
@use './index.scss';
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,375 +1,293 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<!-- 用户信息 -->
|
<!-- 用户信息 -->
|
||||||
<view
|
<view v-if="isAuthInfo" class="userinfo">
|
||||||
v-if="isAuthInfo"
|
<view class="userinfo-con">
|
||||||
class="userinfo"
|
<view class="userinfo-avatar">
|
||||||
>
|
<image :src="
|
||||||
<view class="userinfo-con">
|
loginResult.pic
|
||||||
<view class="userinfo-avatar">
|
?
|
||||||
<image
|
(loginResult.pic.indexOf('http') === -1 ? picDomain + loginResult.pic : loginResult.pic)
|
||||||
:src="
|
:
|
||||||
loginResult.pic
|
'/static/images/icon/head04.png'
|
||||||
?
|
" />
|
||||||
(loginResult.pic.indexOf('http') === -1 ? picDomain + loginResult.pic : loginResult.pic)
|
</view>
|
||||||
:
|
<view class="userinfo-name">
|
||||||
'/static/images/icon/head04.png'
|
<view>{{ loginResult.nickName ? loginResult.nickName : "用户昵称" }}</view>
|
||||||
"
|
</view>
|
||||||
/>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="userinfo-name">
|
|
||||||
<view>{{ loginResult.nickName ? loginResult.nickName : "用户昵称" }}</view>
|
<view v-if="!isAuthInfo" class="userinfo-none">
|
||||||
</view>
|
<view class="default-pic" @tap="toLogin">
|
||||||
</view>
|
<image src="@/static/images/icon/head04.png" />
|
||||||
</view>
|
</view>
|
||||||
|
<view class="none-login" @tap="toLogin">
|
||||||
<view
|
<button class="unlogin">
|
||||||
v-if="!isAuthInfo"
|
未登录
|
||||||
class="userinfo-none"
|
</button>
|
||||||
>
|
<button class="click-login">
|
||||||
<view
|
点击登录账号
|
||||||
class="default-pic"
|
</button>
|
||||||
@tap="toLogin"
|
</view>
|
||||||
>
|
</view>
|
||||||
<image src="@/static/images/icon/head04.png" />
|
<!-- end 用户信息 -->
|
||||||
</view>
|
|
||||||
<view
|
<view class="list-cont">
|
||||||
class="none-login"
|
<!-- 订单状态 -->
|
||||||
@tap="toLogin"
|
<view class="total-order">
|
||||||
>
|
<view class="order-tit">
|
||||||
<button class="unlogin">
|
<text style="font-weight:bold">
|
||||||
未登录
|
我的订单
|
||||||
</button>
|
</text>
|
||||||
<button class="click-login">
|
<view class="checkmore" data-sts="0" @tap="toOrderListPage">
|
||||||
点击登录账号
|
<text>查看全部</text>
|
||||||
</button>
|
<text class="arrowhead" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- end 用户信息 -->
|
<view class="procedure">
|
||||||
|
<view class="items" data-sts="1" @tap="toOrderListPage">
|
||||||
<view class="list-cont">
|
<image src="@/static/images/icon/toPay.png" />
|
||||||
<!-- 订单状态 -->
|
<text>待支付</text>
|
||||||
<view class="total-order">
|
<text v-if="orderAmount.unPay>0" class="num-badge">
|
||||||
<view class="order-tit">
|
{{ orderAmount.unPay }}
|
||||||
<text style="font-weight:bold">
|
</text>
|
||||||
我的订单
|
</view>
|
||||||
</text>
|
<view class="items" data-sts="2" @tap="toOrderListPage">
|
||||||
<view
|
<image src="@/static/images/icon/toDelivery.png" />
|
||||||
class="checkmore"
|
<text>待发货</text>
|
||||||
data-sts="0"
|
<text v-if="orderAmount.payed>0" class="num-badge">
|
||||||
@tap="toOrderListPage"
|
{{ orderAmount.payed }}
|
||||||
>
|
</text>
|
||||||
<text>查看全部</text>
|
</view>
|
||||||
<text class="arrowhead" />
|
<view class="items" data-sts="3" @tap="toOrderListPage">
|
||||||
</view>
|
<image src="@/static/images/icon/toTake.png" />
|
||||||
</view>
|
<text>待收货</text>
|
||||||
<view class="procedure">
|
<text v-if="orderAmount.consignment>0" class="num-badge">
|
||||||
<view
|
{{ orderAmount.consignment }}
|
||||||
class="items"
|
</text>
|
||||||
data-sts="1"
|
</view>
|
||||||
@tap="toOrderListPage"
|
<view class="items" data-sts="5" @tap="toOrderListPage">
|
||||||
>
|
<image src="@/static/images/icon/toComment.png" />
|
||||||
<image src="@/static/images/icon/toPay.png" />
|
<text>已完成</text>
|
||||||
<text>待支付</text>
|
</view>
|
||||||
<text
|
</view>
|
||||||
v-if="orderAmount.unPay>0"
|
</view>
|
||||||
class="num-badge"
|
<!--end 订单状态 -->
|
||||||
>
|
|
||||||
{{ orderAmount.unPay }}
|
<view class="prod-col">
|
||||||
</text>
|
<view class="col-item" @tap="myCollectionHandle">
|
||||||
</view>
|
<view v-if="loginResult" class="num">
|
||||||
<view
|
{{ collectionCount }}
|
||||||
class="items"
|
</view>
|
||||||
data-sts="2"
|
<view v-else class="num">
|
||||||
@tap="toOrderListPage"
|
--
|
||||||
>
|
</view>
|
||||||
<image src="@/static/images/icon/toDelivery.png" />
|
<view class="tit">
|
||||||
<text>待发货</text>
|
我的收藏
|
||||||
<text
|
</view>
|
||||||
v-if="orderAmount.payed>0"
|
</view>
|
||||||
class="num-badge"
|
<view class="col-item" @tap="handleTips">
|
||||||
>
|
<view v-if="loginResult" class="num">
|
||||||
{{ orderAmount.payed }}
|
5
|
||||||
</text>
|
</view>
|
||||||
</view>
|
<view v-else class="num">
|
||||||
<view
|
--
|
||||||
class="items"
|
</view>
|
||||||
data-sts="3"
|
<view class="tit">
|
||||||
@tap="toOrderListPage"
|
我的消息
|
||||||
>
|
</view>
|
||||||
<image src="@/static/images/icon/toTake.png" />
|
</view>
|
||||||
<text>待收货</text>
|
<view class="col-item" @tap="handleTips">
|
||||||
<text
|
<view v-if="loginResult" class="num">
|
||||||
v-if="orderAmount.consignment>0"
|
3
|
||||||
class="num-badge"
|
</view>
|
||||||
>
|
<view v-else class="num">
|
||||||
{{ orderAmount.consignment }}
|
--
|
||||||
</text>
|
</view>
|
||||||
</view>
|
<view class="tit">
|
||||||
<view
|
我的足迹
|
||||||
class="items"
|
</view>
|
||||||
data-sts="5"
|
</view>
|
||||||
@tap="toOrderListPage"
|
</view>
|
||||||
>
|
|
||||||
<image src="@/static/images/icon/toComment.png" />
|
<view class="my-menu">
|
||||||
<text>已完成</text>
|
<view class="memu-item" @tap="toDistCenter">
|
||||||
</view>
|
<view class="i-name">
|
||||||
</view>
|
<image src="@/static/images/icon/promotion.png" />
|
||||||
</view>
|
<text>分销中心</text>
|
||||||
<!--end 订单状态 -->
|
</view>
|
||||||
|
<view class="arrowhead" />
|
||||||
<view class="prod-col">
|
</view>
|
||||||
<view
|
<view class="memu-item" @tap="toCouponCenter">
|
||||||
class="col-item"
|
<view class="i-name">
|
||||||
@tap="myCollectionHandle"
|
<image src="@/static/images/icon/getCoupon.png" />
|
||||||
>
|
<text>领券中心</text>
|
||||||
<view
|
</view>
|
||||||
v-if="loginResult"
|
<view class="arrowhead" />
|
||||||
class="num"
|
</view>
|
||||||
>
|
<view class="memu-item" @tap="toMyCouponPage">
|
||||||
{{ collectionCount }}
|
<view class="i-name">
|
||||||
</view>
|
<image src="@/static/images/icon/myCoupon.png" />
|
||||||
<view
|
<text>我的优惠券</text>
|
||||||
v-else
|
</view>
|
||||||
class="num"
|
<view class="arrowhead" />
|
||||||
>
|
</view>
|
||||||
--
|
<view class="memu-item" @tap="toAddressList">
|
||||||
</view>
|
<view class="i-name">
|
||||||
<view class="tit">
|
<image src="@/static/images/icon/myAddr.png" />
|
||||||
我的收藏
|
<text>收货地址</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<view class="arrowhead" />
|
||||||
<view
|
</view>
|
||||||
class="col-item"
|
</view>
|
||||||
@tap="handleTips"
|
<!--end 列表项 -->
|
||||||
>
|
|
||||||
<view
|
<view v-if="isAuthInfo" class="log-out" @tap="logout">
|
||||||
v-if="loginResult"
|
<view class="log-out-n">
|
||||||
class="num"
|
<text>退出登录</text>
|
||||||
>
|
</view>
|
||||||
5
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view
|
</view>
|
||||||
v-else
|
</template>
|
||||||
class="num"
|
|
||||||
>
|
<script setup>
|
||||||
--
|
const picDomain = import.meta.env.VITE_APP_RESOURCES_URL
|
||||||
</view>
|
|
||||||
<view class="tit">
|
const isAuthInfo = ref(false)
|
||||||
我的消息
|
const loginResult = ref('')
|
||||||
</view>
|
const orderAmount = ref('')
|
||||||
</view>
|
/**
|
||||||
<view
|
* 生命周期函数--监听页面显示
|
||||||
class="col-item"
|
*/
|
||||||
@tap="handleTips"
|
onShow(() => {
|
||||||
>
|
loginResult.value = uni.getStorageSync('loginResult')
|
||||||
<view
|
isAuthInfo.value = !!loginResult.value
|
||||||
v-if="loginResult"
|
// 加载订单数字
|
||||||
class="num"
|
if (isAuthInfo.value) {
|
||||||
>
|
uni.showLoading()
|
||||||
3
|
http.request({
|
||||||
</view>
|
url: '/p/myOrder/orderCount',
|
||||||
<view
|
method: 'GET',
|
||||||
v-else
|
data: {}
|
||||||
class="num"
|
})
|
||||||
>
|
.then(({
|
||||||
--
|
data
|
||||||
</view>
|
}) => {
|
||||||
<view class="tit">
|
uni.hideLoading()
|
||||||
我的足迹
|
orderAmount.value = data
|
||||||
</view>
|
})
|
||||||
</view>
|
showCollectionCount()
|
||||||
</view>
|
}
|
||||||
|
})
|
||||||
<view class="my-menu">
|
|
||||||
<view
|
const toDistCenter = () => {
|
||||||
class="memu-item"
|
uni.showToast({
|
||||||
@tap="toDistCenter"
|
icon: 'none',
|
||||||
>
|
title: '功能开发中'
|
||||||
<view class="i-name">
|
})
|
||||||
<image src="@/static/images/icon/promotion.png" />
|
}
|
||||||
<text>分销中心</text>
|
const toCouponCenter = () => {
|
||||||
</view>
|
uni.showToast({
|
||||||
<view class="arrowhead" />
|
icon: 'none',
|
||||||
</view>
|
title: '功能开发中'
|
||||||
<view
|
})
|
||||||
class="memu-item"
|
}
|
||||||
@tap="toCouponCenter"
|
const toMyCouponPage = () => {
|
||||||
>
|
uni.showToast({
|
||||||
<view class="i-name">
|
icon: 'none',
|
||||||
<image src="@/static/images/icon/getCoupon.png" />
|
title: '功能开发中'
|
||||||
<text>领券中心</text>
|
})
|
||||||
</view>
|
}
|
||||||
<view class="arrowhead" />
|
const handleTips = () => {
|
||||||
</view>
|
uni.showToast({
|
||||||
<view
|
icon: 'none',
|
||||||
class="memu-item"
|
title: '功能开发中'
|
||||||
@tap="toMyCouponPage"
|
})
|
||||||
>
|
}
|
||||||
<view class="i-name">
|
const toAddressList = () => {
|
||||||
<image src="@/static/images/icon/myCoupon.png" />
|
uni.navigateTo({
|
||||||
<text>我的优惠券</text>
|
url: '/pages/delivery-address/delivery-address'
|
||||||
</view>
|
})
|
||||||
<view class="arrowhead" />
|
}
|
||||||
</view>
|
|
||||||
<view
|
const toOrderListPage = (e) => {
|
||||||
class="memu-item"
|
const sts = e.currentTarget.dataset.sts
|
||||||
@tap="toAddressList"
|
uni.navigateTo({
|
||||||
>
|
url: '/pages/orderList/orderList?sts=' + sts
|
||||||
<view class="i-name">
|
})
|
||||||
<image src="@/static/images/icon/myAddr.png" />
|
}
|
||||||
<text>收货地址</text>
|
|
||||||
</view>
|
const collectionCount = ref(0)
|
||||||
<view class="arrowhead" />
|
/**
|
||||||
</view>
|
* 查询所有的收藏量
|
||||||
</view>
|
*/
|
||||||
<!--end 列表项 -->
|
const showCollectionCount = () => {
|
||||||
|
uni.showLoading()
|
||||||
<view
|
http.request({
|
||||||
v-if="isAuthInfo"
|
url: '/p/user/collection/count',
|
||||||
class="log-out"
|
method: 'GET',
|
||||||
@tap="logout"
|
data: {}
|
||||||
>
|
})
|
||||||
<view class="log-out-n">
|
.then(({
|
||||||
<text>退出登录</text>
|
data
|
||||||
</view>
|
}) => {
|
||||||
</view>
|
uni.hideLoading()
|
||||||
</view>
|
collectionCount.value = data
|
||||||
</view>
|
})
|
||||||
</template>
|
}
|
||||||
|
|
||||||
<script setup>
|
/**
|
||||||
const picDomain = import.meta.env.VITE_APP_RESOURCES_URL
|
* 我的收藏跳转
|
||||||
|
*/
|
||||||
const isAuthInfo = ref(false)
|
const myCollectionHandle = () => {
|
||||||
const loginResult = ref('')
|
let url = '/pages/prod-classify/prod-classify?sts=5'
|
||||||
const orderAmount = ref('')
|
const id = 0
|
||||||
/**
|
const title = '我的收藏商品'
|
||||||
* 生命周期函数--监听页面显示
|
if (id) {
|
||||||
*/
|
url += '&tagid=' + id + '&title=' + title
|
||||||
onShow(() => {
|
}
|
||||||
loginResult.value = uni.getStorageSync('loginResult')
|
uni.navigateTo({
|
||||||
isAuthInfo.value = !!loginResult.value
|
url
|
||||||
// 加载订单数字
|
})
|
||||||
if (isAuthInfo.value) {
|
}
|
||||||
uni.showLoading()
|
|
||||||
http.request({
|
/**
|
||||||
url: '/p/myOrder/orderCount',
|
* 去登陆
|
||||||
method: 'GET',
|
*/
|
||||||
data: {}
|
const toLogin = () => {
|
||||||
})
|
uni.navigateTo({
|
||||||
.then(({ data }) => {
|
url: '/pages/accountLogin/accountLogin'
|
||||||
uni.hideLoading()
|
})
|
||||||
orderAmount.value = data
|
}
|
||||||
})
|
|
||||||
showCollectionCount()
|
/**
|
||||||
}
|
* 退出登录
|
||||||
})
|
*/
|
||||||
|
const logout = () => {
|
||||||
const toDistCenter = () => {
|
http.request({
|
||||||
uni.showToast({
|
url: '/logOut',
|
||||||
icon: 'none',
|
method: 'post'
|
||||||
title: '该功能未开源'
|
})
|
||||||
})
|
.then(() => {
|
||||||
}
|
util.removeTabBadge()
|
||||||
const toCouponCenter = () => {
|
uni.removeStorageSync('loginResult')
|
||||||
uni.showToast({
|
uni.removeStorageSync('token')
|
||||||
icon: 'none',
|
uni.showToast({
|
||||||
title: '该功能未开源'
|
title: '退出成功',
|
||||||
})
|
icon: 'none'
|
||||||
}
|
})
|
||||||
const toMyCouponPage = () => {
|
orderAmount.value = ''
|
||||||
uni.showToast({
|
setTimeout(() => {
|
||||||
icon: 'none',
|
uni.switchTab({
|
||||||
title: '该功能未开源'
|
url: '/pages/index/index'
|
||||||
})
|
})
|
||||||
}
|
}, 1000)
|
||||||
const handleTips = () => {
|
})
|
||||||
uni.showToast({
|
}
|
||||||
icon: 'none',
|
</script>
|
||||||
title: '该功能未开源'
|
|
||||||
})
|
<style scoped lang="scss">
|
||||||
}
|
@use './user.scss';
|
||||||
const toAddressList = () => {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/delivery-address/delivery-address'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const toOrderListPage = (e) => {
|
|
||||||
const sts = e.currentTarget.dataset.sts
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/orderList/orderList?sts=' + sts
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const collectionCount = ref(0)
|
|
||||||
/**
|
|
||||||
* 查询所有的收藏量
|
|
||||||
*/
|
|
||||||
const showCollectionCount = () => {
|
|
||||||
uni.showLoading()
|
|
||||||
http.request({
|
|
||||||
url: '/p/user/collection/count',
|
|
||||||
method: 'GET',
|
|
||||||
data: {}
|
|
||||||
})
|
|
||||||
.then(({ data }) => {
|
|
||||||
uni.hideLoading()
|
|
||||||
collectionCount.value = data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 我的收藏跳转
|
|
||||||
*/
|
|
||||||
const myCollectionHandle = () => {
|
|
||||||
let url = '/pages/prod-classify/prod-classify?sts=5'
|
|
||||||
const id = 0
|
|
||||||
const title = '我的收藏商品'
|
|
||||||
if (id) {
|
|
||||||
url += '&tagid=' + id + '&title=' + title
|
|
||||||
}
|
|
||||||
uni.navigateTo({
|
|
||||||
url
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 去登陆
|
|
||||||
*/
|
|
||||||
const toLogin = () => {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/accountLogin/accountLogin'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 退出登录
|
|
||||||
*/
|
|
||||||
const logout = () => {
|
|
||||||
http.request({
|
|
||||||
url: '/logOut',
|
|
||||||
method: 'post'
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
util.removeTabBadge()
|
|
||||||
uni.removeStorageSync('loginResult')
|
|
||||||
uni.removeStorageSync('token')
|
|
||||||
uni.showToast({
|
|
||||||
title: '退出成功',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
orderAmount.value = ''
|
|
||||||
setTimeout(() => {
|
|
||||||
uni.switchTab({
|
|
||||||
url: '/pages/index/index'
|
|
||||||
})
|
|
||||||
}, 1000)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
@use './user.scss';
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 32 KiB |
Loading…
Reference in new issue