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