wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页优化+服务优化

Browse Source
dev
shuxiaoquan 10 months ago
parent b00a93fda1
commit 0af15e70d8
12 changed files with 367 additions and 277 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 8
      manifest.json
  2. 9
      pages/activity/intimate.vue
  3. 6
      pages/activity/presaleRule.vue
  4. 32
      pages/category/index.vue
  5. 348
      pages/index/index.vue
  6. 39
      pages/news/consult/about.vue
  7. 15
      pages/news/consult/comment.vue
  8. 29
      pages/news/consult/index.vue
  9. 18
      pages/news/consult/store.vue
  10. 27
      pages/news/park/index.vue
  11. 96
      pages/serve/index.vue
  12. 17
      pages/user/vip/goods.vue

8
manifest.json
Unescape View File

@ -1,9 +1,9 @@
{ {
"name" : "萤火商城2.0", "name" : "惠云商",
"appid" : "__UNI__1D774AF", "appid" : "__UNI__1D774AF",
"description" : "萤火商城V2.0，是全新推出的一款轻量级、高性能、前后端分离的电商系统，让您快速搭建个性化独立商城", "description" : "慧云商是一款提供家电，3C数码，家装建材为一体的批发采购平台，一站式解决找货方案，简化采购流程",
"versionName" : "2.3.12", "versionName" : "1.0.0",
"versionCode" : 235, "versionCode" : 1,
"transformPx" : false, "transformPx" : false,
/* 5+App特有相关 */ /* 5+App特有相关 */
"app-plus" : { "app-plus" : {

9
pages/activity/intimate.vue
Unescape View File

@ -4,9 +4,9 @@
<u-navbar title="贴心服务" :border-bottom="false" :background="isScroll?background:background1"></u-navbar> <u-navbar title="贴心服务" :border-bottom="false" :background="isScroll?background:background1"></u-navbar>
</view> </view>
<view class="intimate-hd" @click="openPage(1)"> <view class="intimate-hd" @click="openPage(1)">
<image :src="storeInfo.image_url"></image> <image :src="storeInfo.imageList?storeInfo.imageList[0]:''"></image>
<view class="a">{{storeInfo.store_name}}<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon></view> <view class="a">{{storeInfo.shop_name}}<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon></view>
<view class="b">{{storeInfo.describe}}</view> <view class="b">{{storeInfo.summary}}</view>
</view> </view>
<!-- <scroll-view scroll-x class="intimate-menu"> <!-- <scroll-view scroll-x class="intimate-menu">
<view class="item" @click="tabItem1(i)" v-for="i in 10" :key="i" :class="tabIndex1==i?'item-on':''"> <view class="item" @click="tabItem1(i)" v-for="i in 10" :key="i" :class="tabIndex1==i?'item-on':''">
@ -50,7 +50,6 @@
<script> <script>
import * as newFunApi from '@/api/newFun' import * as newFunApi from '@/api/newFun'
// import img from "@/static/news/refund-bg1.png"
export default { export default {
data() { data() {
return { return {
@ -76,7 +75,7 @@
onLoad(o) { onLoad(o) {
this.tabIndex = o.index?(o.index): -1 this.tabIndex = o.index?(o.index): -1
this.getList(); this.getList();
this.storeInfo = uni.getStorageSync("Store").storeInfo this.storeInfo = uni.getStorageSync("cityInfo")
}, },
onPageScroll(e){ onPageScroll(e){
if(e.scrollTop <= 44){ if(e.scrollTop <= 44){

6
pages/activity/presaleRule.vue
Unescape View File

@ -1,6 +1,8 @@
<template> <template>
<view class="presale"> <view class="presale">
<view class="p" v-html="content"></view> <view class="p">
<image :src="content"></image>
</view>
</view> </view>
</template> </template>
@ -29,7 +31,7 @@
type: type type: type
}) })
.then(result => { .then(result => {
this.content = result.data.content[0] this.content = result.data.imgurl[0]
}) })
.finally(() => app.isLoading = false) .finally(() => app.isLoading = false)
}, },

32
pages/category/index.vue
Unescape View File

@ -63,7 +63,7 @@
console.log(item) console.log(item)
// 跳转商品详情 // 跳转商品详情
uni.navigateTo({ uni.navigateTo({
url: '/pages/goods/detail?goodsId=' + item.category_id url: '/pages/goods/list?categoryId=' + item.category_id
}) })
}, },
goSearch() { goSearch() {
@ -95,11 +95,6 @@
// 合并新数据 // 合并新数据
console.log(res, '分类数据') console.log(res, '分类数据')
that.tabbar = res.data.list; that.tabbar = res.data.list;
// that.isChose = that.menuList[0].category_id;
// that.secondMenu = that.menuList[0].children;
// that.secondChose = that.secondMenu[0].category_id
// that.getSonList(that.secondChose)
// that.hotList = that.menuList[0].
}) })
.catch(reject) .catch(reject)
}) })
@ -141,14 +136,15 @@
}, },
// 设置左边菜单的滚动状态 // 设置左边菜单的滚动状态
async leftMenuStatus(index) { async leftMenuStatus(index) {
this.current = index;
// 如果为0，意味着尚未初始化 // 如果为0，意味着尚未初始化
if (this.menuHeight == 0 || this.menuItemHeight == 0) { if (this.menuHeight == 0 || this.menuItemHeight == 0) {
await this.getElRect('menu-scroll-view', 'menuHeight'); await this.getElRect('menu-scroll-view', 'menuHeight');
await this.getElRect('u-tab-item', 'menuItemHeight'); await this.getElRect('u-tab-item', 'menuItemHeight');
} }
this.current = index;
// 将菜单活动item垂直居中 // 将菜单活动item垂直居中
this.scrollTop = index * this.menuItemHeight + this.menuItemHeight / 2 - this.menuHeight / 2; this.scrollTop = index * this.menuItemHeight + this.menuItemHeight / 2 - this.menuHeight / 2;
}, },
// 获取右边菜单每个item到顶部的距离 // 获取右边菜单每个item到顶部的距离
getMenuItemTop() { getMenuItemTop() {
@ -183,7 +179,7 @@
setTimeout(() => { // 节流 setTimeout(() => { // 节流
this.timer = null; this.timer = null;
// scrollHeight为右边菜单垂直中点位置 // scrollHeight为右边菜单垂直中点位置
let scrollHeight = e.detail.scrollTop + this.menuHeight / 2; let scrollHeight = e.detail.scrollTop;
for (let i = 0; i < this.arr.length; i++) { for (let i = 0; i < this.arr.length; i++) {
let height1 = this.arr[i]; let height1 = this.arr[i];
let height2 = this.arr[i + 1]; let height2 = this.arr[i + 1];
@ -240,12 +236,11 @@
.u-tab-item { .u-tab-item {
height: 110rpx; height: 110rpx;
background: #f6f6f6;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 26rpx; font-size: 28rpx;
color: #444; color: #444;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -254,10 +249,8 @@
.u-tab-item-active { .u-tab-item-active {
position: relative; position: relative;
color: #F21A1C; color: #F21A1C;
font-size: 30rpx;
font-weight: 600; font-weight: 600;
background: #fff; // background: #fff;
} }
// .u-tab-item-active::before { // .u-tab-item-active::before {
@ -278,13 +271,14 @@
} }
.page-view { .page-view {
padding: 16rpx; padding: 0 16rpx 16rpx;
overflow: hidden;
} }
.class-item { .class-item {
margin-bottom: 30rpx; margin-bottom: 12rpx;
background-color: #fff; background-color: #fff;
padding: 16rpx; padding: 20rpx;
border-radius: 8rpx; border-radius: 8rpx;
} }
@ -293,14 +287,15 @@
} }
.item-title { .item-title {
font-size: 26rpx; font-size: 28rpx;
color: $u-main-color; color: $u-main-color;
font-weight: bold; font-weight: bold;
padding: 10rpx;
} }
.item-menu-name { .item-menu-name {
font-weight: normal; font-weight: normal;
font-size: 24rpx; font-size: 28rpx;
color: $u-main-color; color: $u-main-color;
} }
@ -321,5 +316,6 @@
.item-menu-image { .item-menu-image {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
margin-bottom: 10rpx;
} }
</style> </style>

348
pages/index/index.vue
Unescape View File

@ -17,7 +17,7 @@
</view> </view>
<u-search shape="round" :disabled="true" placeholder="iPhone 15" bg-color="#ffffff" :show-action="false"></u-search> <u-search shape="round" :disabled="true" placeholder="iPhone 15" bg-color="#ffffff" :show-action="false"></u-search>
</view> </view>
<view class="chat" v-if="current == 0"> <view class="chat" v-if="current == 0" @click="toChat()">
<u-icon name="chat" color="#000000" size="70"></u-icon> <u-icon name="chat" color="#000000" size="70"></u-icon>
<view class="badge"> <view class="badge">
4 4
@ -29,7 +29,7 @@
<view :class="tabCurrent==index?'tabItem active':'tabItem'" @click="changeGoodsType(index)" v-for="(item,index) in tabList" :key="index"> <view :class="tabCurrent==index?'tabItem active':'tabItem'" @click="changeGoodsType(index)" v-for="(item,index) in tabList" :key="index">
{{item.name}} {{item.name}}
<view class="flag" v-if="tabCurrent==index" > <view class="flag" v-if="tabCurrent==index" >
<image :src="$picUrl+'/static/index/line.png'" mode=""></image> <image :src="$picUrl+'/static/index/line.png'"></image>
</view> </view>
</view> </view>
<!-- <u-tabs :list="tabList" name="name" font-size="28" active-color="#F6393D" <!-- <u-tabs :list="tabList" name="name" font-size="28" active-color="#F6393D"
@ -44,7 +44,7 @@
<view class="gridRows"> <view class="gridRows">
<view class="gridItem" v-for="(item,index) in gridList" @click="goPage(item.path,item.type)" :key="index"> <view class="gridItem" v-for="(item,index) in gridList" @click="goPage(item.path,item.type)" :key="index">
<view class="imageC"> <view class="imageC">
<image :src="item.image" mode=""></image> <image :src="item.image"></image>
</view> </view>
<text>{{item.text}}</text> <text>{{item.text}}</text>
</view> </view>
@ -52,7 +52,7 @@
<view class="gridRows secondRows" :style="{'height': isToggle == false?'160rpx':'auto'}"> <view class="gridRows secondRows" :style="{'height': isToggle == false?'160rpx':'auto'}">
<view class="gridItem" v-for="(item,index) in catagoryList" :key="index"> <view class="gridItem" v-for="(item,index) in catagoryList" :key="index">
<view class="imageC"> <view class="imageC">
<image :src="item.image?item.image.external_url:''" mode=""></image> <image :src="item.image?item.image.external_url:''"></image>
</view> </view>
<text>{{item.name}}</text> <text>{{item.name}}</text>
</view> </view>
@ -64,27 +64,27 @@
<u-icon v-else style="margin-left: 10rpx;" name="arrow-up"></u-icon> <u-icon v-else style="margin-left: 10rpx;" name="arrow-up"></u-icon>
</view> </view>
</view> </view>
<view class="firstContent"> <view class="firstContent" @click="goNewUser">
<image :src="$picUrl+'/static/index/new.png'" class="firstBg"></image> <image :src="$picUrl+'/static/index/new.png'" class="firstBg"></image>
<view class="firstInfo"> <view class="firstInfo">
<view class="fTitle" @click="goNewUser"> <view class="fTitle">
<image :src="$picUrl+'/static/index/xinren.png'" class="firstTitle"></image> <image :src="$picUrl+'/static/index/xinren.png'" class="firstTitle"></image>
<text>查看更多</text> <!-- <text></text> -->
</view> </view>
<view class="couponInfo"> <view class="couponInfo">
<view class="left"> <view class="left">
<text class="flag">¥</text> <text class="flag">¥</text>
<text class="num">2516</text> <text class="num">{{couList.reduce_price}}</text>
<view class="couponName"> <view class="couponName">
<view>新人券包</view> <view>{{couList.name}}</view>
<view style="font-size: 20rpx;">领取后7天内有效</view> <view style="font-size: 20rpx;">领取后{{couList.expire_day}}天内有效</view>
</view> </view>
</view> </view>
<view class="line"> <!-- <view class="line">
</view> </view> -->
<view class="lingqu"> <view class="lingqu">
<view class="lqBtn">去领取</view> <!-- <view class="lqBtn">去领取</view> -->
</view> </view>
</view> </view>
@ -102,7 +102,7 @@
</view> </view>
<view class="more">查看更多<u-icon style="margin-left:10rpx;" name="arrow-right"></u-icon></view> <view class="more">查看更多<u-icon style="margin-left:10rpx;" name="arrow-right"></u-icon></view>
<view class="dapaiContent" @click="goBigGoods" v-if="dapaiList.length>0"> <view class="dapaiContent" @click="goBigGoods" v-if="dapaiList.length>0">
<view class="dapaiItem" v-for="(item,index) in dapaiList" :key="index"> <view class="dapaiItem" v-for="(item,index) in dapaiList" :key="index" @click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)">
<view class="picContent"> <view class="picContent">
<image :src="item.goods_image"></image> <image :src="item.goods_image"></image>
</view> </view>
@ -123,18 +123,20 @@
<image :src="$picUrl+'/static/index/limitBuy.png'" mode="widthFix"></image> <image :src="$picUrl+'/static/index/limitBuy.png'" mode="widthFix"></image>
<view class="more">查看更多<u-icon style="margin-left:10rpx;" name="arrow-right"></u-icon></view> <view class="more">查看更多<u-icon style="margin-left:10rpx;" name="arrow-right"></u-icon></view>
<view class="rest"> <view class="rest">
<text>本场剩余</text> <text>本场剩余</text>
<view class="date-time"> <u-count-down :timestamp="seckillCutDownTime" format="HH:mm:ss" autoStart @change="onChangeSeckillCutDownTime">
<text class="time">02</text> <view class="date-time">
<text class="da">:</text> <text class="time">{{timeData.hours>10?timeData.hours:'0'+timeData.hours}}</text>
<text class="time">15</text> <text class="da">:</text>
<text class="da">:</text> <text class="time">{{ timeData.minutes>10?timeData.minutes:'0'+timeData.minutes}}</text>
<text class="time">55</text> <text class="da">:</text>
</view> <text class="time">{{ timeData.seconds>10?timeData.seconds:'0'+timeData.seconds}}</text>
</view>
</u-count-down>
</view> </view>
</view> </view>
<view class="goods-list"> <view class="goods-list">
<view class="list" v-for="(item, index) in seckillList" :key="index"> <view class="list" v-for="(item, index) in seckillList" :key="index" @click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)">
<view class="pictrue"> <view class="pictrue">
<image :src="item.goods_image"></image> <image :src="item.goods_image"></image>
</view> </view>
@ -166,7 +168,7 @@
<view class="more" @click="goNewGoods">查看更多<u-icon name="arrow-right"></u-icon></view> <view class="more" @click="goNewGoods">查看更多<u-icon name="arrow-right"></u-icon></view>
<scroll-view scroll-x="true"> <scroll-view scroll-x="true">
<view class="right1Good"> <view class="right1Good">
<view class="right1Item" v-for="(item,index) in xinpinList" :key="index"> <view class="right1Item" v-for="(item,index) in xinpinList" :key="index" @click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)">
<image :src="item.goods_image"></image> <image :src="item.goods_image"></image>
<view class="priceBox"> <view class="priceBox">
<image :src="$picUrl+'/static/index/price.png'" mode="heightFix"></image> <image :src="$picUrl+'/static/index/price.png'" mode="heightFix"></image>
@ -182,7 +184,7 @@
<image :src="$picUrl+'/static/index/paihangbang.png'" mode="widthFix" @click="rankIng" class="title"></image> <image :src="$picUrl+'/static/index/paihangbang.png'" mode="widthFix" @click="rankIng" class="title"></image>
<view class="more" @click="rankIng">查看更多<u-icon name="arrow-right"></u-icon></view> <view class="more" @click="rankIng">查看更多<u-icon name="arrow-right"></u-icon></view>
<view class="right1Good"> <view class="right1Good">
<view class="right1Item" v-for="(item,index) in paihangList" :key="index"> <view class="right1Item" v-for="(item,index) in paihangList" :key="index" @click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)">
<image :src="item.goods_image"></image> <image :src="item.goods_image"></image>
<view class="priceBox"> <view class="priceBox">
<image :src="$picUrl+'/static/index/price.png'" mode="heightFix"></image> <image :src="$picUrl+'/static/index/price.png'" mode="heightFix"></image>
@ -226,9 +228,6 @@
</view> </view>
</view> </view>
<view v-show="current==1"> <view v-show="current==1">
<view class="toTop">
<image src="@/static/toTop.png"></image>
</view>
<view class="secondSection"> <view class="secondSection">
<image class="shopImage" :src="cityInfo.imageList?cityInfo.imageList[0]:''"></image> <image class="shopImage" :src="cityInfo.imageList?cityInfo.imageList[0]:''"></image>
<view class="content"> <view class="content">
@ -250,7 +249,7 @@
</view> </view>
</view> </view>
<view class="zixun"> <view class="zixun">
<view class="zixunItem"> <view class="zixunItem" @click="openWx()">
<image src="/static/user/weChat.png" mode="widthFix" class="weChat"></image> <image src="/static/user/weChat.png" mode="widthFix" class="weChat"></image>
<view class="askText"> <view class="askText">
咨询 咨询
@ -291,20 +290,20 @@
<view class="diannei"> <view class="diannei">
<view class="dianneiTitle"> <view class="dianneiTitle">
<text>店内现货</text> <text>店内现货</text>
<view class="lookMore"> <view class="lookMore" @click="goJump('/pages/user/vip/goods')">
查看更多 查看更多
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right" color="#909090"></u-icon>
</view> </view>
</view> </view>
<scroll-view scroll-x="true" style="height: 164rpx;"> <scroll-view class="dianneiContent" scroll-x="true" style="height: 164rpx;">
<view class="dianneiContent"> <view class="dianneiItem" v-for="(item,index) in dapaiList" :key="index" @click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)" >
<view class="dianneiItem" v-for="(item,index) in dapaiList" :key="index">
<image :src="item.goods_image"></image> <image :src="item.goods_image"></image>
<view class="itemTitle"> <view class="itemTitle">
{{item.goods_name}} {{item.goods_name}}
</view> </view>
</view> </view>
</view> <!-- <view class="dianneiContent">
</view> -->
</scroll-view> </scroll-view>
</view> </view>
<view class="diannei"> <view class="diannei">
@ -312,36 +311,36 @@
<text>同城服务</text> <text>同城服务</text>
<view class="lookMore"> <view class="lookMore">
查看更多 查看更多
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right" color="#909090"></u-icon>
</view> </view>
</view> </view>
<scroll-view scroll-x="true" style="height: 290rpx;"> <scroll-view class="serviceConent" scroll-x="true" style="height: 260rpx;">
<view class="serviceConent"> <!-- <view class="serviceConent"> -->
<view class="serviceItem" v-for="(item,index) in weixiuList" :key="index"> <view class="serviceItem" v-for="(item,index) in serveList" :key="index" @click="openServe(index)">
<image :src="item.image" mode=""></image> <image :src="item.image_url" mode=""></image>
<view class="itemTitle"> <view class="itemTitle">
{{item.name}} {{item.name}}
</view> </view>
</view> </view>
</view> <!-- </view> -->
</scroll-view> </scroll-view>
</view> </view>
<view class="comment"> <view class="comment">
<view class="commentTitle"> <view class="commentTitle">
<text>门店评价(1)</text> <text>门店评价({{cityInfo.evaluate?cityInfo.evaluate.length:''}})</text>
<!-- <view class="lookMore"> <view class="lookMore" @click="openPinlun()">
查看更多 查看更多
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right" color="#909090"></u-icon>
</view> --> </view>
</view> </view>
<view class="commentItem"> <view class="commentItem" v-for="(a,i) in cityInfo.evaluate" :key="i">
<view class="left"> <view class="left">
<view class="commentAvatar"> <view class="commentAvatar">
<image :src="cityInfo.evaluate?cityInfo.evaluate.image:''" mode=""></image> <image :src="a.image" mode=""></image>
<text>{{cityInfo.evaluate?cityInfo.evaluate.nickname:''}}</text> <text>{{a.nickname}}</text>
</view> </view>
<view class="commentText"> <view class="commentText">
{{cityInfo.evaluate?cityInfo.evaluate.content:''}} {{a.content}}
</view> </view>
</view> </view>
<!-- <view class="right"> <!-- <view class="right">
@ -351,13 +350,13 @@
<view class="commentTitle" style="padding:26rpx 0 16rpx 0;" @click="goJump('/pages/news/consult/store')"> <view class="commentTitle" style="padding:26rpx 0 16rpx 0;" @click="goJump('/pages/news/consult/store')">
<text>门店相册</text> <text>门店相册</text>
<view class="lookMore"> <view class="lookMore">
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right" color="#909090"></u-icon>
</view> </view>
</view> </view>
<scroll-view scroll-x="true" style="height: 150rpx;"> <scroll-view scroll-x="true" style="height: 130rpx;">
<view class="commentContent"> <view class="commentContent">
<view class="serviceItem" v-for="(item,index) in cityInfo.imageList" :key="index"> <view class="serviceItem" v-for="(item,index) in cityInfo.imageList" :key="index" @click="previewImage(index)">
<image :src="item.image" mode=""></image> <image :src="item"></image>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
@ -368,7 +367,7 @@
门店历史 门店历史
</view> </view>
<u-time-line> <u-time-line>
<u-time-line-item nodeTop="6" style="display: flex;"> <u-time-line-item nodeTop="6" v-for="(a,i) in cityInfo.history" :key="i" style="display: flex;">
<!-- 此处自定义了左边内容，用一个图标替代 --> <!-- 此处自定义了左边内容，用一个图标替代 -->
<template v-slot:node> <template v-slot:node>
<view class="u-node"> <view class="u-node">
@ -379,9 +378,9 @@
</template> </template>
<template v-slot:content> <template v-slot:content>
<view style="margin-bottom:26rpx"> <view style="margin-bottom:26rpx">
<view class="u-order-title">{{cityInfo.history?cityInfo.history.time:''}}</view> <view class="u-order-title" style="margin-top:10rpx">{{a.time}}</view>
<view class="u-order-desc"> <view class="u-order-desc">
{{cityInfo.history?cityInfo.history.contenmt:''}} {{a.contenmt}}
</view> </view>
</view> </view>
@ -413,17 +412,23 @@
</view> </view>
</view> </view>
</view> </view>
<view class="toTop" v-if="isTop" @click="openScrollTo()">
<image src="@/static/toTop.png"></image>
</view>
</view> </view>
</template> </template>
<script> <script>
import * as GoodsApi from '@/api/home/index.js'; import * as GoodsApi from '@/api/home/index.js';
import * as limit from '@/api/sharp/home.js'; import * as limit from '@/api/sharp/home.js';
import * as Api from '@/api/goods' import * as Api from '@/api/goods'
import * as activity from '@/api/activity'
import * as newFunApi from '@/api/newFun'
export default{ export default{
data(){ data(){
return{ return{
isTop:true, isTop: false,
// background: { // background: {
// backgroundColor: 'transparent', // backgroundColor: 'transparent',
// }, // },
@ -439,41 +444,18 @@
tabCurrent:0, tabCurrent:0,
swiperList:[`${this.$picUrl}/static/index/guanggao.png`], swiperList:[`${this.$picUrl}/static/index/guanggao.png`],
gridList:[ gridList:[
{image:`${this.$picUrl}/static/index/g1.png`,text:"预售专区",path:'/pages/activity/presale',type:1}, {image:`${this.$picUrl}/static/index/g1.png`,text:"预售专区",path:'/pages/activity/presale',type:2},
{image:`${this.$picUrl}/static/index/g2.png`,text:"邀请有礼",path:'/pages/invite/index',type:1}, {image:`${this.$picUrl}/static/index/g2.png`,text:"邀请有礼",path:'/pages/invite/index',type:1},
{image:`${this.$picUrl}/static/index/g3.png`,text:"领券中心",path:'/pages/news/coupon/index',type:1}, {image:`${this.$picUrl}/static/index/g3.png`,text:"领券中心",path:'/pages/news/coupon/index',type:2},
{image:`${this.$picUrl}/static/index/g4.png`,text:"安装报修",path:'/pages/serve/index',type:3}, {image:`${this.$picUrl}/static/index/g4.png`,text:"安装报修",path:'/pages/serve/index',type: 3},
{image:`${this.$picUrl}/static/index/g5.png`,text:"上门回收",path:'/pages/news/recycling/index',type:1}, {image:`${this.$picUrl}/static/index/g5.png`,text:"上门回收",path:'/pages/news/recycling/index',type:2},
], ],
catagoryList:[], catagoryList:[],
paihangList:[], paihangList:[],
dapaiList:[], dapaiList:[],
seckillList:[ seckillList:[],
// {image:`${this.$picUrl}/static/index/goods1.png`,price:"372",linePrice:'2420'}, xinpinList:[],
// {image:`${this.$picUrl}/static/index/goods.png`,price:"372",linePrice:'2420'}, goodsRecommend:[],
// {image:`${this.$picUrl}/static/index/goods1.png`,price:"372",linePrice:'2420'},
// {image:`${this.$picUrl}/static/index/goods.png`,price:"372",linePrice:'2420'},
// {image:`${this.$picUrl}/static/index/goods1.png`,price:"372",linePrice:'2420'},
// {image:`${this.$picUrl}/static/index/goods.png`,price:"372",linePrice:'2420'},
// {image:`${this.$picUrl}/static/index/goods1.png`,price:"372",linePrice:'2420'},
],
xinpinList:[
// {image:`${this.$picUrl}/static/index/goods.png`,price:"1428"},
// {image:`${this.$picUrl}/static/index/goods1.png`,price:"1428"},
// {image:`${this.$picUrl}/static/index/goods.png`,price:"1428"},
],
goodsRecommend:[
// {image:`${this.$picUrl}/static/index/goods.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GBiphone13 绿色 128GBiphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:1},
// {image:`${this.$picUrl}/static/index/goods1.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:0},
// {image:`${this.$picUrl}/static/index/goods.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:0},
// {image:`${this.$picUrl}/static/index/goods1.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:1},
// {image:`${this.$picUrl}/static/index/goods.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:0},
// {image:`${this.$picUrl}/static/index/goods1.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:1},
// {image:`${this.$picUrl}/static/index/goods.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:1},
// {image:`${this.$picUrl}/static/index/goods1.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:1},
// {image:`${this.$picUrl}/static/index/goods.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:1},
],
isToggle: false, isToggle: false,
//第二 //第二
count: 4, count: 4,
@ -493,24 +475,80 @@
{image:`${this.$picUrl}/static/index/goods.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:1}, {image:`${this.$picUrl}/static/index/goods.png`,price:"7599",linePrice:'7089',name:'iphone13 绿色 128GB',comment:'200+',rate:'99',isOwn:true,isExperss:1},
], ],
weixiuList:[ weixiuList:[
{image:`/static/weixiu.png`,name:'维修'},
{image:`/static/weixiu.png`,name:'安装'},
{image:`/static/weixiu.png`,name:'维修'},
], ],
commentList:[ commentList:[
{image:`/static/11.png`,name:'维修'},
{image:`/static/11.png`,name:'维修'},
{image:`/static/11.png`,name:'维修'},
{image:`/static/11.png`,name:'维修'},
], ],
cityInfo:{ cityInfo:{},
serveList: [],
} couList: [],
timeData: {},
} }
}, },
methods:{ methods:{
onChangeSeckillCutDownTime(e){
this.timeData = e
},
//跳转会话列表
toChat() {
if(!uni.getStorageSync("AccessToken")){
uni.navigateTo({
url: "/pages/login/index"
})
return ;
}
uni.navigateTo({
url: "/pages/news/user/message"
})
},
//查看全部评论
openPinlun(){
uni.navigateTo({
url: "/pages/news/consult/comment"
})
},
//咨询
openWx(){
uni.navigateTo({
url: "/pages/news/consult/index"
})
},
//门店图片预览
previewImage(i){
uni.previewImage({
current: this.cityInfo.imageList[i],
urls: this.cityInfo.imageList
})
},
//跳转服务
openServe(i){
uni.navigateTo({
url: "/pages/activity/intimate?index="+ i
})
},
/**
* 获取服务列表
*/
async getServeList() {
const {status, message, data} = await newFunApi.serverCategoryList({});
if(status == 200){
this.serveList = data.list
}
},
// 获取新人礼包劵
async getCoupons() {
const {
status,
message,
data
} = await activity.couponList();
if (status == 200) {
let arr = {}
if(data.list && data.list.length > 0){
arr = data.list.filter(a=>a.coupon_type == 10)[0]
}
this.couList = arr
}
},
search() { search() {
// 跳转商品搜索 // 跳转商品搜索
uni.navigateTo({ uni.navigateTo({
@ -536,6 +574,10 @@
}) })
return ; return ;
} }
}else if(type == 2){
uni.navigateTo({
url
})
}else{ }else{
uni.switchTab({ uni.switchTab({
url url
@ -547,7 +589,6 @@
}) })
}, },
changeGoodsType(index) { changeGoodsType(index) {
console.log(index,"00",this.tabList)
this.tabCurrent = index; this.tabCurrent = index;
this.catagoryList = this.tabList[index].children; this.catagoryList = this.tabList[index].children;
this.getRankingList(this.tabList[index].category_id) this.getRankingList(this.tabList[index].category_id)
@ -581,8 +622,11 @@
this.seckillList = [] this.seckillList = []
limit.data().then(result => { limit.data().then(result => {
let seckillList = []; let seckillList = [];
if(result.data.tabbar && result.data.tabbar.length > 0){ if(result.data.tabbar && result.data.tabbar.length > 0){
this.seckillCutDownTime = result.data.tabbar[0].count_down_time; let count_down_time = result.data.tabbar[0].count_down_time.replace(/-/g, '/');
this.seckillCutDownTime = Math.ceil((new Date(count_down_time).getTime() - new Date().getTime()));
}else{
this.seckillCutDownTime = 0
} }
if(result.data.goodsList && result.data.goodsList.data.length > 0){ if(result.data.goodsList && result.data.goodsList.data.length > 0){
seckillList = result.data.goodsList.data; seckillList = result.data.goodsList.data;
@ -704,14 +748,14 @@
}) })
}, },
changeHome(val){ changeHome(val){
console.log(val,"000")
this.current = val; this.current = val;
}, },
getCityInfo(){ getCityInfo(){
const that =this const that =this
GoodsApi.cityInfo().then(res => { GoodsApi.cityInfo().then(res => {
if (res.status == 200) { if (res.status == 200) {
that.cityInfo = res.data that.cityInfo = res.data;
uni.setStorageSync("cityInfo",res.data)
} }
}) })
.finally(() => {}) .finally(() => {})
@ -728,9 +772,14 @@
}, },
openMap() { openMap() {
uni.openLocation({ uni.openLocation({
latitude: this.cityInfo.latitude, latitude: Number(this.cityInfo.latitude),
longitude: this.cityInfo.longitude longitude: Number(this.cityInfo.longitude)
}) })
},
openScrollTo(){
uni.pageScrollTo({
scrollTop: 0
})
}, },
}, },
onLoad() { onLoad() {
@ -738,14 +787,14 @@
this.getSeckill() this.getSeckill()
this.getSuggest() this.getSuggest()
this.getCityInfo() this.getCityInfo()
this.getCoupons();
this.getServeList();
}, },
onPageScroll(e) { onPageScroll(e) {
if (e.scrollTop === 0 ) { // 当滚动到顶部且向下滑动时为true if (e.scrollTop <= 200 ) { // 当滚动到顶部且向下滑动时为true
this.isTop = false
this.isTop = true
} else { } else {
this.isTop = false this.isTop = true
} }
}, },
} }
@ -988,7 +1037,7 @@
display: flex; display: flex;
justify-content:center; justify-content:center;
align-items: center; align-items: center;
margin-top:24rpx; margin-top: 50rpx;
.flag{ .flag{
font-size: 46rpx; font-size: 46rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
@ -1150,12 +1199,14 @@
} }
} }
} }
.qianggou{ .qianggou{
padding:10rpx 20rpx; width: 694rpx;
height: 234rpx;
padding: 10rpx 20rpx;
background: linear-gradient(180deg, #FFF8F8 0%, #FFFFFF 100%); background: linear-gradient(180deg, #FFF8F8 0%, #FFFFFF 100%);
border-radius: 4px 4px 4px 4px; border-radius: 8rpx;
opacity: 1; margin-top: 18rpx;
margin-top:18rpx; box-sizing: border-box;
position: relative; position: relative;
.more{ .more{
font-size: 20rpx; font-size: 20rpx;
@ -1168,7 +1219,6 @@
.title{ .title{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
&>image{ &>image{
width:160rpx; width:160rpx;
height:auto; height:auto;
@ -1439,7 +1489,8 @@
} }
.secondSection{ .secondSection{
padding-bottom: 40rpx; padding-bottom: 40rpx;
margin-top: 20rpx;
.shopImage{ .shopImage{
height:484rpx; height:484rpx;
width:100%; width:100%;
@ -1596,10 +1647,8 @@
} }
} }
.diannei{ .diannei{
padding:20rpx;
padding:10rpx 26rpx; padding:10rpx 26rpx;
margin-top:10rpx; margin: 20rpx 26rpx 0 26rpx;
margin: 10rpx 26rpx 0 26rpx;
background: #fff; background: #fff;
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
.dianneiTitle{ .dianneiTitle{
@ -1620,13 +1669,18 @@
} }
} }
.dianneiContent{ .dianneiContent{
display: flex; white-space: nowrap;
align-items: center; margin-top:14rpx;
flex-wrap: nowrap; .lookMore{
margin-top:14rpx; font-size: 24rpx;
font-weight: 400;
color: #909090;
}
.dianneiItem{ .dianneiItem{
width: 20%; width: 20%;
text-align: center;
display: inline-block;
image{ image{
width:104rpx; width:104rpx;
height:104rpx; height:104rpx;
@ -1645,15 +1699,12 @@
} }
} }
.serviceConent{ .serviceConent{
display: flex; white-space: nowrap;
align-items: center;
flex-wrap: nowrap;
margin-top:26rpx; margin-top:26rpx;
.serviceItem{ .serviceItem{
width: 32%; width: 202rpx;
// width: 202rpx; height: 246rpx;
height: 246rpx; display: inline-block;
position: relative; position: relative;
margin-right: 26rpx; margin-right: 26rpx;
// justify-content: space-between; // justify-content: space-between;
@ -1682,12 +1733,15 @@
} }
} }
.comment{ .comment{
padding:20rpx;
padding:44rpx 40rpx; padding:44rpx 40rpx;
margin-top:10rpx; margin: 20rpx 26rpx 0 26rpx;
margin: 10rpx 26rpx 0 26rpx;
background: #fff; background: #fff;
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
.lookMore{
font-size: 24rpx;
font-weight: 400;
color: #909090;
}
.commentTitle{ .commentTitle{
display:flex; display:flex;
align-items: center; align-items: center;
@ -1753,7 +1807,7 @@
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
.serviceItem{ .serviceItem{
width: 200rpx; width: 196rpx;
height: 140rpx; height: 140rpx;
border-radius:4px; border-radius:4px;
opacity: 1; opacity: 1;
@ -1769,12 +1823,9 @@
} }
} }
.history{ .history{
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
opacity: 1; margin: 20rpx 26rpx;
margin-top:16rpx;
margin:16rpx 26rpx;
padding:20rpx 34rpx; padding:20rpx 34rpx;
.title{ .title{
@ -1793,10 +1844,9 @@
opacity: 1; opacity: 1;
border: 2px solid #F21C1C; border: 2px solid #F21C1C;
margin-top:10rpx; margin-top:10rpx;
margin-right:20rpx; margin-right:0;
} }
.u-order-title{ .u-order-title{
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;

39
pages/news/consult/about.vue
Unescape View File

@ -4,21 +4,21 @@
<u-navbar title="联系我们" :border-bottom="false" :background="background"></u-navbar> <u-navbar title="联系我们" :border-bottom="false" :background="background"></u-navbar>
</view> </view>
<view class="park-hd"> <view class="park-hd">
<image :src="$picUrl+'/static/home/phone.jpg'"></image> <image :src="cityInfo.imageList?cityInfo.imageList[0]:''"></image>
<view class="a">昆明湖店·YN_k121</view> <view class="a">{{cityInfo.shop_name}}</view>
<view class="b"><u-icon name="map" style="margin-right: 10rpx; margin-top: 10rpx;"></u-icon>距地铁2号线大道站2号口600m</view> <view class="b" @click="openMap()"><u-icon name="map" style="margin-right: 10rpx; margin-top: 10rpx;"></u-icon>{{cityInfo.address}}</view>
</view> </view>
<view class="park-bd"> <view class="park-bd">
<view class="a">联系电话</view> <view class="a">联系电话</view>
<view class="b">18020890980<image :src="$picUrl+'/static/news/tel.png'"></image></view> <view class="b">{{cityInfo.phone}}<image :src="$picUrl+'/static/news/tel.png'" @click="callPhone()"></image></view>
</view> </view>
<view class="park-fd"> <view class="park-fd">
<image :src="$picUrl+'/static/home/phone.jpg'"></image> <image :src="cityInfo.wechat"></image>
<view class="txt">长按识别二维码</view> <view class="txt">长按识别二维码</view>
<view class="txt">添加我的微信</view> <view class="txt">添加我的微信</view>
</view> </view>
<view class="park-btn"> <view class="park-btn" v-if="userInfo.user_type==40">
<view class="btn">编辑信息</view> <view class="btn" @click="toEdit">编辑信息</view>
</view> </view>
</view> </view>
</template> </template>
@ -33,11 +33,32 @@
background: `url(${this.$picUrl}/static/news/login-bg.png) center top no-repeat`, background: `url(${this.$picUrl}/static/news/login-bg.png) center top no-repeat`,
// background: 'url('+ img+') center top no-repeat', // background: 'url('+ img+') center top no-repeat',
backgroundSize: '100%', backgroundSize: '100%',
}, },
cityInfo: {},
userInfo: {}
} }
},
onLoad() {
this.cityInfo = uni.getStorageSync("cityInfo");
this.userInfo = uni.getStorageSync("userInfo");
}, },
methods: { methods: {
callPhone() {
uni.makePhoneCall({
phoneNumber: this.cityInfo.phone
})
},
openMap() {
uni.openLocation({
latitude: Number(this.cityInfo.latitude),
longitude: Number(this.cityInfo.longitude)
})
},
toEdit() {
uni.navigateTo({
url: "/pages/news/park/personal"
})
},
} }
} }
</script> </script>

15
pages/news/consult/comment.vue
Unescape View File

@ -1,13 +1,13 @@
<template> <template>
<view class="comment"> <view class="comment">
<view class="item" v-for="i in 10" :key="i"> <view class="item" v-for="(a,i) in cityInfo.evaluate">
<view class="avater"> <view class="avater">
<image :src="$picUrl+'/static/news/avater.png'"></image> <image :src="a.image"></image>
</view> </view>
<view class="info"> <view class="info">
<view class="a">Shark特<text>10分钟前</text></view> <view class="a">{{a.nickname}}<text v-if="false">10分钟前</text></view>
<view class="b">非常棒，讲解细致，下次还来！</view> <view class="b">{{a.content}}</view>
<view class="c"> <view class="c" v-if="false">
<image v-for="o in 3" :key="o" :src="$picUrl+'/static/home/phone.jpg'"></image> <image v-for="o in 3" :key="o" :src="$picUrl+'/static/home/phone.jpg'"></image>
</view> </view>
</view> </view>
@ -19,8 +19,11 @@
export default { export default {
data() { data() {
return { return {
cityInfo: {}
}; };
},
onLoad() {
this.cityInfo = uni.getStorageSync("cityInfo")
} }
} }
</script> </script>

29
pages/news/consult/index.vue
Unescape View File

@ -4,17 +4,17 @@
<u-navbar title="咨询" :border-bottom="false" :background="background"></u-navbar> <u-navbar title="咨询" :border-bottom="false" :background="background"></u-navbar>
</view> </view>
<view class="park-hd"> <view class="park-hd">
<image :src="$picUrl+'/static/home/phone.jpg'"></image> <image :src="cityInfo.imageList?cityInfo.imageList[0]:''"></image>
<view class="a">昆明湖店·YN_k121</view> <view class="a">{{cityInfo.shop_name}}</view>
<view class="b"><u-icon name="map" style="margin-right: 10rpx; margin-top: 10rpx;"></u-icon>距地铁2号线大道站2号口600m</view> <view class="b" @click="openMap()"><u-icon name="map" style="margin-right: 10rpx; margin-top: 10rpx;"></u-icon>{{cityInfo.address}}</view>
</view> </view>
<view class="park-bd"> <view class="park-bd">
<view class="item"><text>1406天</text>服务总时长</view> <view class="item"><text>{{cityInfo.fuwu_hours}}天</text>服务总时长</view>
<view class="item"><text>7606天</text>服务总数</view> <view class="item"><text>{{cityInfo.fuwu_num}}天</text>服务总数</view>
<view class="item"><text>0次</text>为我服务次数</view> <view class="item"><text>{{cityInfo.star}}次</text>为我服务次数</view>
</view> </view>
<view class="park-fd"> <view class="park-fd">
<image :src="$picUrl+'/static/home/phone.jpg'"></image> <image :src="cityInfo.wechat"></image>
<view class="txt">长按识别二维码</view> <view class="txt">长按识别二维码</view>
<view class="txt">添加我的微信</view> <view class="txt">添加我的微信</view>
</view> </view>
@ -31,11 +31,20 @@
background: `url(${this.$picUrl}/static/news/login-bg.png) center top no-repeat`, background: `url(${this.$picUrl}/static/news/login-bg.png) center top no-repeat`,
// background: 'url('+ img+') center top no-repeat', // background: 'url('+ img+') center top no-repeat',
backgroundSize: '100%', backgroundSize: '100%',
}, },
cityInfo: {},
} }
},
onLoad() {
this.cityInfo = uni.getStorageSync("cityInfo")
}, },
methods: { methods: {
openMap() {
uni.openLocation({
latitude: Number(this.cityInfo.latitude),
longitude: Number(this.cityInfo.longitude)
})
},
} }
} }
</script> </script>

18
pages/news/consult/store.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<view class="comment"> <view class="comment">
<view class="item" v-for="i in 20" :key="i"> <view class="item" v-for="(a,i) in cityInfo.imageList" :key="i" @click="previewImage(i)">
<image :src="$picUrl+'/static/home/ranking.png'"></image> <image :src="a"></image>
</view> </view>
</view> </view>
</template> </template>
@ -10,8 +10,20 @@
export default { export default {
data() { data() {
return { return {
cityInfo: {},
}; };
},
onLoad() {
this.cityInfo = uni.getStorageSync("cityInfo")
},
methods: {
//门店图片预览
previewImage(i){
uni.previewImage({
current: this.cityInfo.imageList[i],
urls: this.cityInfo.imageList
})
},
} }
} }
</script> </script>

27
pages/news/park/index.vue
Unescape View File

@ -4,20 +4,16 @@
<u-navbar title="停车指引" :border-bottom="false" :background="background"></u-navbar> <u-navbar title="停车指引" :border-bottom="false" :background="background"></u-navbar>
</view> </view>
<view class="park-hd"> <view class="park-hd">
<view class="a">昆明湖店·YN_k121</view> <view class="a">{{cityInfo.shop_name}}</view>
<view class="b"><u-icon name="map" style="margin-right: 10rpx;"></u-icon>距地铁2号线大道站2号口600m</view> <view class="b"><u-icon name="map" style="margin-right: 10rpx;"></u-icon>{{cityInfo.address}}</view>
</view> </view>
<view class="park-bd"> <view class="park-bd">
<view class="a">停车攻略</view> <view class="a">停车攻略</view>
<view class="b"> <view class="b">
<view class="store">昆明湖店广场地下停车场<text>推荐</text></view> <view class="store">{{cityInfo.parking_name}}<text>推荐</text></view>
<view class="btn">导航</view> <view class="btn" @click="openMap()">导航</view>
</view>
<view class="c">
<view class="p"><text>价格:</text>购物免费停车2小时，超出部份收取3元/小时</view>
<view class="p"><text>特点:</text>长时间停留推荐，相对安全，可享免费停车两小时。</view>
<view class="p"><text>详细:</text>佰腾数码广场楼下有地下停车场，停车场车位不少，且出门即可乘坐电梯至门店。但节假日等高峰期车位较为紧张。</view>
</view> </view>
<view class="c" v-html="cityInfo.parking_desc"></view>
</view> </view>
</view> </view>
</template> </template>
@ -32,11 +28,20 @@
background: `url(${this.$picUrl}/static/news/login-bg.png) center top no-repeat`, background: `url(${this.$picUrl}/static/news/login-bg.png) center top no-repeat`,
// background: 'url('+ img+') center top no-repeat', // background: 'url('+ img+') center top no-repeat',
backgroundSize: '100%', backgroundSize: '100%',
}, },
cityInfo: {},
} }
},
onLoad() {
this.cityInfo = uni.getStorageSync("cityInfo");
}, },
methods: { methods: {
openMap() {
uni.openLocation({
latitude: Number(this.cityInfo.latitude),
longitude: Number(this.cityInfo.longitude)
})
},
} }
} }
</script> </script>

96
pages/serve/index.vue
Unescape View File

@ -5,11 +5,11 @@
<view class="group"> <view class="group">
<image :src="$picUrl+'/static/serve/right.png'" class="tip tipImg"></image> <image :src="$picUrl+'/static/serve/right.png'" class="tip tipImg"></image>
<text lines="1" class="groupText">不满意重做</text> <text lines="1" class="groupText">不满意重做</text>
<image :src="$picUrl+'/static/serve/right.png'" class="tip"></image> <image :src="$picUrl+'/static/serve/right1.png'" class="tip"></image>
<text lines="1" class="groupText">7x24小时服务</text> <text lines="1" class="groupText">7x24小时服务</text>
<image :src="$picUrl+'/static/serve/right.png'" class="tip"></image> <image :src="$picUrl+'/static/serve/right2.png'" class="tip"></image>
<text lines="1" class="groupText">全场保障</text> <text lines="1" class="groupText">全场保障</text>
<image :src="$picUrl+'/static/serve/right.png'" class="tip"></image> <image :src="$picUrl+'/static/serve/right3.png'" class="tip"></image>
<text lines="1" class="groupText">专业服务</text> <text lines="1" class="groupText">专业服务</text>
</view> </view>
</view> </view>
@ -41,7 +41,7 @@
<text class="listText">支付订单</text> <text class="listText">支付订单</text>
<text class="listText">服务评价</text> <text class="listText">服务评价</text>
</view> </view>
<view class="member" @click="goMember" v-if="userInfo.grade_id == 0"> <view class="member" @click="goMember" v-if="!userInfo == false || userInfo.grade_id == 0">
<view class="memberCenter"> <view class="memberCenter">
会员中心 会员中心
</view> </view>
@ -72,7 +72,7 @@
this.getList(); this.getList();
}, },
onShow() { onShow() {
this.userInfo = uni.getStorageSync("userInfo")?uni.getStorageSync("userInfo"):{} this.userInfo = uni.getStorageSync("userInfo")?uni.getStorageSync("userInfo"): ""
}, },
methods:{ methods:{
openPage1(){ openPage1(){
@ -110,35 +110,38 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.serve { .serve {
height: 100%;
width: 100%; width: 100%;
background-color: #F7F8FA; padding-bottom: 30rpx;
overflow: hidden;
.heade { .heade {
width: 100%; width: 100%;
height: 360rpx; height: 396rpx;
background-color: #fff; background-color: #fff;
padding-top: 28rpx;
box-sizing: border-box;
.headImage { .headImage {
width: 690rpx; width: 690rpx;
height: 264rpx; height: 264rpx;
margin: 28rpx 0 0 34rpx; display: block;
margin: 0 auto 0;
} }
.group { .group {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 28rpx;
.tip { .tip {
width: 42rpx; width: 40rpx;
height: 42rpx; height: 40rpx;
} margin-left: 10rpx;
.tipImg{ margin-right: 10rpx;
margin-left: 24rpx; &:first-child{
margin-left: 20rpx;
}
} }
.groupText { .groupText {
height: 34rpx;
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #444444; color: #444444;
line-height: 34rpx; line-height: 34rpx;
@ -151,7 +154,6 @@
height: 246rpx; height: 246rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 8rpx 8rpx 8rpx 8rpx; border-radius: 8rpx 8rpx 8rpx 8rpx;
opacity: 1;
left: 0; left: 0;
right: 0; right: 0;
margin: auto; margin: auto;
@ -160,7 +162,6 @@
.serveTitle { .serveTitle {
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
line-height: 40rpx; line-height: 40rpx;
@ -171,28 +172,28 @@
white-space: nowrap; white-space: nowrap;
.listItem { .listItem {
width: 100rpx; width: 100rpx;
height: 100rpx;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
align-items: center; align-items: center;
margin-left: 20rpx; margin-left: 20rpx;
text-align: center;
&:first-child{ &:first-child{
margin-left: 0; margin-left: 0;
} }
.itemImage { .itemImage {
width: 56rpx; width: 56rpx;
height: 56rpx; height: 56rpx;
margin-bottom: 16rpx; margin: 0 auto 16rpx;
} }
.itemText { .itemText {
width: 100rpx; width: 100rpx;
height: 34rpx;
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #565656; color: #565656;
line-height: 34rpx; line-height: 34rpx;
white-space: nowrap;
overflow: hidden;
} }
} }
} }
@ -200,7 +201,7 @@
.flowPath { .flowPath {
width: 704rpx; width: 704rpx;
height: 534rpx; max-height: 534rpx;
left: 0; left: 0;
right: 0; right: 0;
margin: auto; margin: auto;
@ -208,32 +209,28 @@
border-radius: 8rpx 8rpx 8rpx 8rpx; border-radius: 8rpx 8rpx 8rpx 8rpx;
opacity: 1; opacity: 1;
margin-top: 14rpx; margin-top: 14rpx;
padding-top: 24rpx; padding: 24rpx;
box-sizing: border-box;
.flowTitle { .flowTitle {
margin: 0 0 0 26rpx;
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
line-height: 40rpx; line-height: 40rpx;
.services { .services {
margin-left: 14rpx;
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #565656; color: #565656;
} }
} }
.flowImage { .flowImage {
margin-top: 42rpx;
width: 592rpx; width: 592rpx;
height: 74rpx; height: 74rpx;
margin-left: 60rpx; display: block;
margin: 0 auto;
margin-top: 42rpx;
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -241,16 +238,14 @@
} }
.flowList { .flowList {
;
width: 678rpx; width: 678rpx;
height: 34rpx; height: 34rpx;
line-height: 34rpx; line-height: 34rpx;
left: 0; left: 0;
right: 0; right: 0;
margin: auto; margin: auto;
margin-left: 54rpx;
display: flex; display: flex;
// justify-content: space-around; justify-content: center;
margin-top: 18rpx; margin-top: 18rpx;
.listText { .listText {
@ -267,57 +262,46 @@
height: 214rpx; height: 214rpx;
background-image: url('https://www.saas.njrenzhou.com/static/serve/member.png'); background-image: url('https://www.saas.njrenzhou.com/static/serve/member.png');
background-size: 100% 100%; background-size: 100% 100%;
margin: 50rpx 0 0 36rpx; padding: 28rpx;
padding-top: 28rpx; margin-top: 50rpx;
.memberCenter { .memberCenter {
height: 40rpx; height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 600; font-weight: 600;
color: #966542; color: #966542;
line-height: 40rpx; line-height: 50rpx;
margin: 0 0 0 32rpx;
} }
.power { .power {
margin: 4rpx 0 0 32rpx; margin-top: 4rpx;
height: 28rpx;
font-size: 20rpx; font-size: 20rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #966542; color: #966542;
line-height: 28rpx; line-height: 40rpx;
} }
.opera { .opera {
margin: 24rpx 0 0 32rpx; margin-top: 14rpx;
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #9F744D; color: #9F744D;
line-height: 28rpx;
display: flex; display: flex;
align-items: center;
.number { .number {
font-size: 52rpx; font-size: 52rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 600; font-weight: 600;
color: #9C714A; color: #9C714A;
line-height: 61rpx; line-height: 61rpx;
} }
.operaBtn { .operaBtn {
margin-left: 14rpx; margin-left: 14rpx;
width: 138rpx; width: 138rpx;
height: 60rpx; height: 60rpx;
background: #9F744D; background: #9F744D;
border-radius: 82rpx 82rpx 82rpx 82rpx; border-radius: 82rpx;
opacity: 1;
text-align: center; text-align: center;
line-height: 54rpx; line-height: 60rpx;
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
} }

17
pages/user/vip/goods.vue
Unescape View File

@ -10,8 +10,8 @@
</view> </view>
<scroll-view scroll-x class="goods-menu"> <scroll-view scroll-x class="goods-menu">
<view class="item" @click="tabItem1(item,index)" v-for="(item,index) in categoryList" :key="index" <view class="item" @click="tabItem1(item,index)" v-for="(item,index) in categoryList" :key="index"
:class="tabIndex1==item?'item-on':''"> :class="tabIndex1==index?'item-on':''">
<image v-if="item.image" :src="item.image.external_url"></image> <image :src="item.image?item.image.external_url:''"></image>
<view class="p">{{item.name}}</view> <view class="p">{{item.name}}</view>
</view> </view>
</scroll-view> </scroll-view>
@ -59,7 +59,7 @@
}, },
// 正在加载 // 正在加载
isLoading: true, isLoading: true,
tabIndex1: 1, tabIndex1: 0,
tabIndex: 0, tabIndex: 0,
filterIndex: 0, filterIndex: 0,
keyword: "", keyword: "",
@ -114,7 +114,16 @@
} }
Api.brandList(pamars) Api.brandList(pamars)
.then(result => { .then(result => {
app.list = result.data.data; let arr = result.data.data;
if(arr && arr.length > 0){
arr.map(a=>{
a.goods_price_min = Number(a.goods_price_min)
a.goods_price_max = Number(a.goods_price_max)
a.line_price_min = Number(a.line_price_min)
a.line_price_max = Number(a.line_price_max)
})
}
app.list = arr
}) })
.finally(() => app.isLoading = false) .finally(() => app.isLoading = false)
}, },

Write Preview
Loading…
Cancel
Save