5.11 首页修改
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="contentone flex-center">
|
<view class="contentone flex-center">
|
||||||
<image class="contentoneimage" src="@/static/ewm.png" mode="aspectFill"></image>
|
<image class="contentoneimage" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/ewm.png" mode="aspectFill"></image>
|
||||||
<text class="contentonetext">精选推荐</text>
|
<text class="contentonetext">精选推荐</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="contenttow flex-between">
|
<view class="contenttow flex-between">
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
<text class="t">{{userInfo.nickName}}</text>
|
<text class="t">{{userInfo.nickName}}</text>
|
||||||
</view>
|
</view>
|
||||||
<navigator class="ewm-wrap" url="/pages/pay_code/pay_code" hover-class="none">
|
<navigator class="ewm-wrap" url="/pages/pay_code/pay_code" hover-class="none">
|
||||||
<image class="ewm" src="../../static/ewm.png" mode="aspectFit"></image>
|
<image class="ewm" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/ewm.png" mode="aspectFit"></image>
|
||||||
<text class="t">会员码</text>
|
<text class="t">会员码</text>
|
||||||
</navigator>
|
</navigator>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -291,26 +291,8 @@
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
async onLoad() {
|
async onLoad() {
|
||||||
uni.getLocation({
|
|
||||||
type: 'wgs84',
|
|
||||||
success: (res) => {
|
|
||||||
// console.log(res, '获取距离')
|
|
||||||
// this.lng = res.longitude
|
|
||||||
// this.lat = res.latitude
|
|
||||||
// // 测试
|
|
||||||
let datastorage = {
|
|
||||||
address: '西安市', //地址
|
|
||||||
lng: res.longitude,
|
|
||||||
lat: res.latitude,
|
|
||||||
}
|
|
||||||
uni.cache.set('getLocationstorage', datastorage);
|
|
||||||
},
|
|
||||||
fail: (err) => {
|
|
||||||
// this.positionindex()
|
|
||||||
console.log(err, '获取错误')
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.GetTop()
|
this.GetTop()
|
||||||
}, 1000)
|
}, 1000)
|
||||||
@@ -319,9 +301,33 @@
|
|||||||
this.onLoadhome()
|
this.onLoadhome()
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.hometop()
|
uni.getLocation({
|
||||||
this.init_fn()
|
type: 'wgs84',
|
||||||
this.timersetInterval = '0'
|
success: (res) => {
|
||||||
|
let datastorage = {
|
||||||
|
address: '西安市', //地址
|
||||||
|
lng: res.longitude,
|
||||||
|
lat: res.latitude,
|
||||||
|
}
|
||||||
|
uni.cache.set('getLocationstorage', datastorage);
|
||||||
|
this.hometop()
|
||||||
|
this.init_fn()
|
||||||
|
this.timersetInterval = '0'
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
let datastorage = {
|
||||||
|
address: '西安市', //地址
|
||||||
|
lng: res.longitude,
|
||||||
|
lat: res.latitude,
|
||||||
|
}
|
||||||
|
uni.cache.set('getLocationstorage', datastorage);
|
||||||
|
this.hometop()
|
||||||
|
this.init_fn()
|
||||||
|
this.timersetInterval = '0'
|
||||||
|
console.log(err, '获取错误')
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
closeproductlist() {
|
closeproductlist() {
|
||||||
@@ -335,8 +341,8 @@
|
|||||||
uni.pro.navigateTo('index/uindexlist')
|
uni.pro.navigateTo('index/uindexlist')
|
||||||
},
|
},
|
||||||
fivecontentclick(item) {
|
fivecontentclick(item) {
|
||||||
uni.pro.navigateTo('product/index',{
|
uni.pro.navigateTo('product/index', {
|
||||||
id:item.id
|
id: item.id
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
updateCity(data) {
|
updateCity(data) {
|
||||||
@@ -432,6 +438,9 @@
|
|||||||
})
|
})
|
||||||
if (res.data.pages < this.form.page) {
|
if (res.data.pages < this.form.page) {
|
||||||
this.form.status = 'nomore'
|
this.form.status = 'nomore'
|
||||||
|
if (this.form.page == 1 && res.data.list.length == 0) {
|
||||||
|
this.is_end = true
|
||||||
|
}
|
||||||
return false;
|
return false;
|
||||||
} else {
|
} else {
|
||||||
this.form.status = 'loading';
|
this.form.status = 'loading';
|
||||||
@@ -803,7 +812,7 @@
|
|||||||
width: 300rpx;
|
width: 300rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space:nowrap; //溢出不换行white-space:nowrap; //溢出不换行
|
white-space: nowrap; //溢出不换行white-space:nowrap; //溢出不换行
|
||||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
@@ -908,6 +917,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
padding-right: 7rpx;
|
padding-right: 7rpx;
|
||||||
margin-top: 2rpx;
|
margin-top: 2rpx;
|
||||||
|
|
||||||
.indexboxitemleftthere_countdowntext {
|
.indexboxitemleftthere_countdowntext {
|
||||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="item" @click="goMap">
|
<view class="item" @click="goMap">
|
||||||
<text class="t" style="margin-right: 12upx">门店地址:{{shopInfo.address || '无'}}</text>
|
<text class="t" style="margin-right: 12upx">门店地址:{{shopInfo.address || '无'}}</text>
|
||||||
<u-icon :name="require('@/static/icon_address.png')"></u-icon>
|
<!-- <u-icon :name="require('@/static/icon_address.png')"></u-icon> -->
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="item">
|
<!-- <view class="item">
|
||||||
<text class="t undline">点击查看近期预约</text>
|
<text class="t undline">点击查看近期预约</text>
|
||||||
|
|||||||
@@ -98,7 +98,7 @@
|
|||||||
<view class="cart-wrap">
|
<view class="cart-wrap">
|
||||||
<view class="cart-content">
|
<view class="cart-content">
|
||||||
<view class="left">
|
<view class="left">
|
||||||
<image class="icon" src="../../static/icon_cart.png" mode="aspectFit" @click="showCart = !showCart">
|
<image class="icon" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/icon_cart.png" mode="aspectFit" @click="showCart = !showCart">
|
||||||
</image>
|
</image>
|
||||||
<text class="i">¥</text>
|
<text class="i">¥</text>
|
||||||
<text class="num">{{cartLists.amount}}</text>
|
<text class="num">{{cartLists.amount}}</text>
|
||||||
|
|||||||
@@ -106,7 +106,17 @@
|
|||||||
this.countScrollTitle(e.scrollTop);
|
this.countScrollTitle(e.scrollTop);
|
||||||
},
|
},
|
||||||
onLoad(e) {
|
onLoad(e) {
|
||||||
|
// #ifdef APP-PLUS || H5
|
||||||
|
uni.getSystemInfo({
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res)
|
||||||
|
this.menuInfo = res
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// #endif
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
this.menuInfo = uni.getMenuButtonBoundingClientRect()
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
onUnload() {
|
onUnload() {
|
||||||
|
|
||||||
|
|||||||
@@ -53,7 +53,8 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="shop_contentlist flex-between">
|
<view class="shop_contentlist flex-between">
|
||||||
<view class="shop_contentlistitem flex-colum-start" @click="clickshopinfo(item)" v-for="(item,index) in 4" :key="index">
|
<view class="shop_contentlistitem flex-colum-start" @click="clickshopinfo(item)"
|
||||||
|
v-for="(item,index) in 4" :key="index">
|
||||||
<image class="shop_contentlistitemimage" src="@/static/avatar.png" mode="aspectFill"></image>
|
<image class="shop_contentlistitemimage" src="@/static/avatar.png" mode="aspectFill"></image>
|
||||||
<view class="shop_contentlistitemone">
|
<view class="shop_contentlistitemone">
|
||||||
澳洲高级洗发水
|
澳洲高级洗发水
|
||||||
@@ -86,7 +87,7 @@
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
keyword: '',
|
keyword: '',
|
||||||
menuInfo: uni.getMenuButtonBoundingClientRect(),
|
menuInfo: {},
|
||||||
paddingBtmSize: 6,
|
paddingBtmSize: 6,
|
||||||
isFixed: false,
|
isFixed: false,
|
||||||
active: 0,
|
active: 0,
|
||||||
@@ -134,16 +135,26 @@
|
|||||||
}
|
}
|
||||||
this.countScrollTitle(e.scrollTop);
|
this.countScrollTitle(e.scrollTop);
|
||||||
},
|
},
|
||||||
onLoad(e) {
|
onLoad() {
|
||||||
|
// #ifdef APP-PLUS || H5
|
||||||
|
uni.getSystemInfo({
|
||||||
|
success: (e) => {
|
||||||
|
console.log(e)
|
||||||
|
this.menuInfo = e
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// #endif
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
this.menuInfo = uni.getMenuButtonBoundingClientRect()
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
onUnload() {
|
onUnload() {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
clickshopinfo(item){
|
clickshopinfo(item) {
|
||||||
uni.pro.navigateTo('user/shop/shopinfo',{
|
uni.pro.navigateTo('user/shop/shopinfo', {
|
||||||
item:item
|
item: item
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 导航栏点击
|
// 导航栏点击
|
||||||
@@ -180,9 +191,11 @@
|
|||||||
$tabLeft: 200upx;
|
$tabLeft: 200upx;
|
||||||
$itemH: 100upx;
|
$itemH: 100upx;
|
||||||
$cartH: 90upx;
|
$cartH: 90upx;
|
||||||
page{
|
|
||||||
|
page {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-wrap {
|
.nav-wrap {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -360,13 +373,16 @@
|
|||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
.shop_contentlistitemtow{
|
|
||||||
|
.shop_contentlistitemtow {
|
||||||
padding: 16rpx 16rpx 0 16rpx;
|
padding: 16rpx 16rpx 0 16rpx;
|
||||||
image{
|
|
||||||
|
image {
|
||||||
width: 28rpx;
|
width: 28rpx;
|
||||||
height: 28rpx;
|
height: 28rpx;
|
||||||
}
|
}
|
||||||
view{
|
|
||||||
|
view {
|
||||||
margin-left: 6rpx;
|
margin-left: 6rpx;
|
||||||
font-family: SourceHanSansCN-Medium, SourceHanSansCN-Medium;
|
font-family: SourceHanSansCN-Medium, SourceHanSansCN-Medium;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@@ -374,10 +390,12 @@
|
|||||||
color: #FF981E;
|
color: #FF981E;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.shop_contentlistitemthere{
|
|
||||||
|
.shop_contentlistitemthere {
|
||||||
padding: 16rpx;
|
padding: 16rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
view:nth-child(1){
|
|
||||||
|
view:nth-child(1) {
|
||||||
font-family: SourceHanSansCN-Regular, SourceHanSansCN-Regular;
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN-Regular;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 20rpx;
|
font-size: 20rpx;
|
||||||
@@ -387,7 +405,8 @@
|
|||||||
text-decoration-line: line-through;
|
text-decoration-line: line-through;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
view:nth-child(2){
|
|
||||||
|
view:nth-child(2) {
|
||||||
font-family: SourceHanSansCN-Regular, SourceHanSansCN-Regular;
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN-Regular;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 20rpx;
|
font-size: 20rpx;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<image class="contentimage" src="@/static/ewm.png" mode="aspectFill"></image>
|
<image class="contentimage" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/ewm.png" mode="aspectFill"></image>
|
||||||
<view class="contentbox">
|
<view class="contentbox">
|
||||||
<view class="contentbox_one">
|
<view class="contentbox_one">
|
||||||
111
|
111
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 146 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
BIN
static/ewm.png
|
Before Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 99 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 21 KiB |