|
|
@ -1,31 +1,19 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="page"> |
|
|
<view class="page"> |
|
|
|
|
|
|
|
|
<navbar/> |
|
|
|
|
|
|
|
|
<navbar bgColor="#88D259"/> |
|
|
|
|
|
|
|
|
<view class="search"> |
|
|
|
|
|
|
|
|
|
|
|
<view @click="showSelectArea" class="left-area"> |
|
|
|
|
|
<image src="@/static/image/home/address-icon.png"></image> |
|
|
|
|
|
<view class="area">{{ area }}</view> |
|
|
|
|
|
<image src="@/static/image/home/arrow-icon.png" mode="aspectFit"></image> |
|
|
|
|
|
<view class="parting-line">|</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="bg-color"></view> |
|
|
|
|
|
|
|
|
<view class="center-area"> |
|
|
|
|
|
<image |
|
|
|
|
|
style="margin-right: 20rpx;" |
|
|
|
|
|
src="@/static/image/home/search-icon.png"></image> |
|
|
|
|
|
<input v-model="queryParams.title" |
|
|
|
|
|
placeholder="桌布租赁" /> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="right-area"> |
|
|
|
|
|
<view @click="searchAddress" class="search-button"> |
|
|
|
|
|
搜索 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> --> |
|
|
|
|
|
|
|
|
<view class="page-title"> |
|
|
|
|
|
三只青蛙 |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="search"> |
|
|
|
|
|
<uv-search |
|
|
|
|
|
placeholder="搜你喜欢的产品" |
|
|
|
|
|
bgColor="#fff" |
|
|
|
|
|
v-model="keyword"></uv-search> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="swipe"> |
|
|
<view class="swipe"> |
|
|
@ -36,81 +24,26 @@ |
|
|
keyName="url"></uv-swiper> |
|
|
keyName="url"></uv-swiper> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 水洗店 --> |
|
|
|
|
|
<view class="userShop" |
|
|
|
|
|
v-if="userShop"> |
|
|
|
|
|
<view class="list"> |
|
|
|
|
|
<view class="item" |
|
|
|
|
|
v-for="(item, index) in 4" |
|
|
|
|
|
:key="index"> |
|
|
|
|
|
<view class=""> |
|
|
|
|
|
<view class=""> |
|
|
|
|
|
我的客户 |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="num"> |
|
|
|
|
|
{{ 30 }} |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class=""> |
|
|
|
|
|
<image :src="`/static/image/home/${index}.png`" mode=""></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="notice"> |
|
|
|
|
|
<uv-notice-bar :text="notice"></uv-notice-bar> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 酒店 --> |
|
|
|
|
|
<view class="user" |
|
|
|
|
|
v-else> |
|
|
|
|
|
<uv-notice-bar |
|
|
|
|
|
fontSize="28rpx" |
|
|
|
|
|
:text="text"></uv-notice-bar> |
|
|
|
|
|
|
|
|
|
|
|
<view class="shop"> |
|
|
|
|
|
<image |
|
|
|
|
|
class="image" |
|
|
|
|
|
src="https://img95.699pic.com/photo/50058/1378.jpg_wh860.jpg" |
|
|
|
|
|
mode=""></image> |
|
|
|
|
|
<view class="shopInfo"> |
|
|
|
|
|
<view class="title"> |
|
|
|
|
|
HOUS水洗店 |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="tags"> |
|
|
|
|
|
<view class="tag"> |
|
|
|
|
|
桌布水洗 |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="tag"> |
|
|
|
|
|
桌布租赁 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="time"> |
|
|
|
|
|
9:00-18:00 |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="address"> |
|
|
|
|
|
长沙市天心区桂花坪街道231号 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="btns"> |
|
|
|
|
|
<view class="btn" |
|
|
|
|
|
@click="$utils.navigateTo('/pages_order/auth/wxUserInfo')"> |
|
|
|
|
|
我要水洗 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="menu"> |
|
|
|
|
|
<uv-grid :border="false" :col="4"> |
|
|
|
|
|
<uv-grid-item v-for="(item,index) in baseList" |
|
|
|
|
|
:key="index"> |
|
|
|
|
|
|
|
|
<view class="tips"> |
|
|
|
|
|
关联门店：主信门店 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="productList"> |
|
|
|
|
|
<productList/> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<image :src="item.image" mode=""></image> |
|
|
|
|
|
<text class="menu-text">{{item.title}}</text> |
|
|
|
|
|
|
|
|
|
|
|
</uv-grid-item> |
|
|
|
|
|
</uv-grid> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- <selectArea ref="selectArea" @close="closeAreaPro" @select="selectArea"></selectArea> --> |
|
|
|
|
|
|
|
|
|
|
|
<PrivacyAgreementPoup/> |
|
|
<PrivacyAgreementPoup/> |
|
|
|
|
|
|
|
|
<tabber select="0"/> |
|
|
|
|
|
|
|
|
<tabber select="home"/> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
@ -118,24 +51,16 @@ |
|
|
import PrivacyAgreementPoup from '@/components/config/PrivacyAgreementPoup.vue' |
|
|
import PrivacyAgreementPoup from '@/components/config/PrivacyAgreementPoup.vue' |
|
|
import Position from '@/utils/position.js' |
|
|
import Position from '@/utils/position.js' |
|
|
import tabber from '@/components/base/tabbar.vue' |
|
|
import tabber from '@/components/base/tabbar.vue' |
|
|
import productList from '@/components/user/productList.vue' |
|
|
|
|
|
import { mapGetters } from 'vuex' |
|
|
import { mapGetters } from 'vuex' |
|
|
// import selectArea from '../../components/selectArea.vue'; |
|
|
|
|
|
export default { |
|
|
export default { |
|
|
components : { |
|
|
components : { |
|
|
tabber, |
|
|
tabber, |
|
|
productList, |
|
|
|
|
|
PrivacyAgreementPoup, |
|
|
PrivacyAgreementPoup, |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
area: '长沙', |
|
|
area: '长沙', |
|
|
text : '长沙市刘师傅在服务过程中客户投诉“服务过程中有不文明的行为”.....', |
|
|
|
|
|
queryParams: { |
|
|
|
|
|
pageNo: 1, |
|
|
|
|
|
pageSize: 10, |
|
|
|
|
|
title: '' |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
notice : '长沙市刘师傅在服务过程中客户投诉“服务过程中有不文明的行为”.....', |
|
|
bannerList: [ |
|
|
bannerList: [ |
|
|
{ |
|
|
{ |
|
|
url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png', |
|
|
url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png', |
|
|
@ -147,264 +72,108 @@ |
|
|
url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png', |
|
|
url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png', |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
|
|
|
baseList : [ |
|
|
|
|
|
{ |
|
|
|
|
|
image : '/static/image/home/1.png', |
|
|
|
|
|
title : '关于我们', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
image : '/static/image/home/1.png', |
|
|
|
|
|
title : '产品介绍', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
image : '/static/image/home/2.png', |
|
|
|
|
|
title : '促销活动', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
image : '/static/image/home/3.png', |
|
|
|
|
|
title : '商城', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
image : '/static/image/home/4.png', |
|
|
|
|
|
title : '邀请好友', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
image : '/static/image/home/5.png', |
|
|
|
|
|
title : '新闻中心', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
image : '/static/image/home/6.png', |
|
|
|
|
|
title : '校企合作', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
image : '/static/image/home/7.png', |
|
|
|
|
|
title : '联系我们', |
|
|
|
|
|
}, |
|
|
|
|
|
], |
|
|
productList: [], |
|
|
productList: [], |
|
|
|
|
|
keyword : '', |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
computed : { |
|
|
computed : { |
|
|
...mapGetters(['userShop']), |
|
|
|
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
//显示选择地区 |
|
|
|
|
|
showSelectArea() { |
|
|
|
|
|
// this.$refs.selectArea.open() |
|
|
|
|
|
}, |
|
|
|
|
|
//搜索地址 |
|
|
|
|
|
searchAddress() { |
|
|
|
|
|
Position.getLocation(res => { |
|
|
|
|
|
Position.selectAddress(res.longitude, res.latitude, success => { |
|
|
|
|
|
let address = this.extractProvinceAndCity(success) |
|
|
|
|
|
this.queryParams.title = address.city |
|
|
|
|
|
}) |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
//提取用户选择的地址信息(省市县信息) |
|
|
|
|
|
extractProvinceAndCity(res) { //提取用户选择的地址信息(省市) |
|
|
|
|
|
if (!res.address && res.name) { //用户直接选择城市的逻辑 |
|
|
|
|
|
return { |
|
|
|
|
|
province: '', |
|
|
|
|
|
city: res.name |
|
|
|
|
|
}; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (res.address) { //用户选择了详细地址，要从详细地址中提取出省市县信息 |
|
|
|
|
|
// 使用正则表达式匹配省市县 |
|
|
|
|
|
const regex = /(?<province>[\u4e00-\u9fa5]+?省)(?<city>[\u4e00-\u9fa5]+?(?:市|自治州|盟|地区))/; |
|
|
|
|
|
const match = res.address.match(regex); |
|
|
|
|
|
if (match) { // 如果匹配成功，则返回省和市的信息 |
|
|
|
|
|
return { |
|
|
|
|
|
province: match.groups.province, |
|
|
|
|
|
city: match.groups.city |
|
|
|
|
|
}; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return { //用户没选择地址就点了确定按钮 |
|
|
|
|
|
province: '', |
|
|
|
|
|
city: '' |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
.search { |
|
|
|
|
|
height: 82rpx; |
|
|
|
|
|
width: 710rpx; |
|
|
|
|
|
background: #FFFFFF; |
|
|
|
|
|
margin: 20rpx auto; |
|
|
|
|
|
border-radius: 41rpx; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
padding: 0 15rpx; |
|
|
|
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
// justify-content: space-between; |
|
|
|
|
|
|
|
|
|
|
|
.left-area, |
|
|
|
|
|
.center-area { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
.page{ |
|
|
|
|
|
.bg-color{ |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
height: 550rpx; |
|
|
|
|
|
background: linear-gradient(to bottom, #88D259, #88D259, #fff); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.left-area { |
|
|
|
|
|
max-width: 160rpx; |
|
|
|
|
|
|
|
|
|
|
|
image { |
|
|
|
|
|
flex-shrink: 0; |
|
|
|
|
|
width: 26rpx; |
|
|
|
|
|
height: 26rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.area { |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
display: -webkit-box; |
|
|
|
|
|
-webkit-line-clamp: 2; |
|
|
|
|
|
/* 限制显示两行 */ |
|
|
|
|
|
-webkit-box-orient: vertical; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
|
color: #292929; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.parting-line { |
|
|
|
|
|
flex-shrink: 0; |
|
|
|
|
|
font-size: 26rpx; |
|
|
|
|
|
color: #ccc; |
|
|
|
|
|
margin: 0rpx 5rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.page-title{ |
|
|
|
|
|
position: relative; |
|
|
|
|
|
margin-left: 30rpx; |
|
|
|
|
|
margin-bottom: 30rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.center-area { |
|
|
|
|
|
|
|
|
.search { |
|
|
|
|
|
position: relative; |
|
|
|
|
|
background: #FFFFFF; |
|
|
|
|
|
margin: 20rpx; |
|
|
|
|
|
border-radius: 41rpx; |
|
|
|
|
|
padding: 10rpx 20rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-wrap: nowrap; |
|
|
|
|
|
align-items: center; |
|
|
align-items: center; |
|
|
width: calc(100% - 290rpx); |
|
|
|
|
|
margin-left: 30rpx; |
|
|
|
|
|
image { |
|
|
|
|
|
width: 26rpx; |
|
|
|
|
|
height: 26rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.van-field { |
|
|
|
|
|
background-color: transparent; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
height: 82rpx; |
|
|
|
|
|
line-height: 82rpx; |
|
|
|
|
|
width: calc(100% - 30rpx); |
|
|
|
|
|
padding: 0rpx 10rpx 0rpx 0rpx; |
|
|
|
|
|
|
|
|
|
|
|
input { |
|
|
|
|
|
height: 82rpx; |
|
|
|
|
|
font-size: 60rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .uv-search__action{ |
|
|
|
|
|
background-color: $uni-color; |
|
|
|
|
|
color: #FFFFFF; |
|
|
|
|
|
padding: 10rpx 20rpx; |
|
|
|
|
|
border-radius: 30rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.right-area { |
|
|
|
|
|
.search-button { |
|
|
|
|
|
background: #60BDA2; |
|
|
|
|
|
height: 60rpx; |
|
|
|
|
|
width: 130rpx; |
|
|
|
|
|
font-size: 26rpx; |
|
|
|
|
|
border-radius: 35rpx; |
|
|
|
|
|
color: white; |
|
|
|
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.swipe{ |
|
|
|
|
|
position: relative; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
margin: 20rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.swipe{ |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
margin: 20rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.page{ |
|
|
|
|
|
& /deep/ .uv-icon__icon{ |
|
|
|
|
|
font-size: 30rpx !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 水洗店 |
|
|
|
|
|
.userShop{ |
|
|
|
|
|
.list{ |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
.item{ |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
width: 330rpx; |
|
|
|
|
|
margin: 20rpx; |
|
|
|
|
|
padding: 30rpx 0; |
|
|
|
|
|
color: #FFFFFF; |
|
|
|
|
|
line-height: 50rpx; |
|
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
.num{ |
|
|
|
|
|
font-size: 38rpx; |
|
|
|
|
|
font-weight: 900; |
|
|
|
|
|
} |
|
|
|
|
|
image{ |
|
|
|
|
|
width: 110rpx; |
|
|
|
|
|
height: 110rpx; |
|
|
|
|
|
margin-left: 20rpx; |
|
|
|
|
|
} |
|
|
|
|
|
&:nth-child(1){ |
|
|
|
|
|
background: #F07A77; |
|
|
|
|
|
} |
|
|
|
|
|
&:nth-child(2){ |
|
|
|
|
|
background: #F48B4E; |
|
|
|
|
|
} |
|
|
|
|
|
&:nth-child(3){ |
|
|
|
|
|
background: #6487E1; |
|
|
|
|
|
} |
|
|
|
|
|
&:nth-child(4){ |
|
|
|
|
|
background: #61B7E6; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.menu{ |
|
|
|
|
|
margin: 20rpx; |
|
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
padding: 20rpx; |
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
box-shadow: 0 0 10rpx 10rpx #00000009; |
|
|
|
|
|
image{ |
|
|
|
|
|
width: 80rpx; |
|
|
|
|
|
height: 80rpx; |
|
|
|
|
|
margin-top: 10rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.menu-text{ |
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
margin-bottom: 10rpx; |
|
|
|
|
|
margin-top: 10rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
// 酒店 |
|
|
|
|
|
.user{ |
|
|
|
|
|
padding: 20rpx; |
|
|
|
|
|
.shop{ |
|
|
|
|
|
position: relative; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
margin-top: 20rpx; |
|
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
padding: 20rpx; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
.image{ |
|
|
|
|
|
width: 180rpx; |
|
|
|
|
|
height: 180rpx; |
|
|
|
|
|
margin-right: 20rpx; |
|
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.shopInfo{ |
|
|
|
|
|
font-size: 22rpx; |
|
|
|
|
|
.title{ |
|
|
|
|
|
font-size: 30rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.tags{ |
|
|
|
|
|
display: flex; |
|
|
|
|
|
.tag{ |
|
|
|
|
|
padding: 4rpx 6rpx; |
|
|
|
|
|
border: 1rpx solid #FFAC6E; |
|
|
|
|
|
color: #FFAC6E; |
|
|
|
|
|
margin-right: 10rpx; |
|
|
|
|
|
margin-top: 10rpx; |
|
|
|
|
|
font-size: 18rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.time{ |
|
|
|
|
|
margin-top: 10rpx; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
} |
|
|
|
|
|
.address{ |
|
|
|
|
|
margin-top: 10rpx; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.btns{ |
|
|
|
|
|
margin-left: auto; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
.btn{ |
|
|
|
|
|
background-color: $uni-color; |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
box-shadow: 0 0 5rpx 5rpx #FFAC6E; |
|
|
|
|
|
padding: 10rpx 20rpx; |
|
|
|
|
|
flex-shrink: 0; |
|
|
|
|
|
border-radius: 35rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.tips{ |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
right: 0; |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
color: #FFAC6E; |
|
|
|
|
|
background-color: #FEF5EE; |
|
|
|
|
|
padding: 10rpx 20rpx; |
|
|
|
|
|
border-radius: 10rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.notice{ |
|
|
|
|
|
margin: 0 20rpx; |
|
|
|
|
|
/deep/ .uv-notice-bar{ |
|
|
|
|
|
background: linear-gradient(to right, #f9edc9, #dfedd6); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
