This commit is contained in:
parent
01d69eac92
commit
a5eac19a6b
|
|
@ -6,22 +6,22 @@
|
|||
<view class="text_view">
|
||||
<view class="item_view">
|
||||
<view class="item_title">服务城市 </view>
|
||||
<input @click="goCity" type="text" v-model="city" placeholder="请输入服务城市 " />
|
||||
<u-input @click="goCity" type="text" v-model="city" placeholder="请输入服务城市 " />
|
||||
<view class="xian"></view>
|
||||
</view>
|
||||
<view class="item_view">
|
||||
<view class="item_title">姓名</view>
|
||||
<input type="text" v-model="userName" placeholder="请输入姓名" />
|
||||
<u-input type="text" v-model="userName" placeholder="请输入姓名" />
|
||||
<view class="xian"></view>
|
||||
</view>
|
||||
<view class="item_view">
|
||||
<view class="item_title">联系电话</view>
|
||||
<input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
|
||||
<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
|
||||
<view class="xian"></view>
|
||||
</view>
|
||||
<view class="item_view">
|
||||
<view class="item_title">年龄</view>
|
||||
<input type="number" v-model="age" maxlength="11" placeholder="请输入年龄" />
|
||||
<u-input type="number" v-model="age" maxlength="11" placeholder="请输入年龄" />
|
||||
<view class="xian"></view>
|
||||
</view>
|
||||
<view class="item_view">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
@clear="clear">
|
||||
</uni-search-bar>
|
||||
<view class="search-btn" @click="searchBtn">
|
||||
<image style="width:30rpx; height:30rpx; margin-right: 10rpx;" src="../../static/search.png"></image>
|
||||
<image style="width:30rpx; height:30rpx; margin-right: 10rpx;" src="../../static/search.png"></image>
|
||||
搜索
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -225,7 +225,7 @@
|
|||
.shop_label{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 10rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
.shop_label span{
|
||||
background: linear-gradient(90deg, #ffefde, #fff7ef);
|
||||
|
|
@ -290,7 +290,7 @@
|
|||
color: #FF1200;
|
||||
}
|
||||
.item-view-bottom-qian{
|
||||
margin-top: 5px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.item-view-bottom{
|
||||
width: 100%;
|
||||
|
|
@ -367,10 +367,10 @@
|
|||
padding:5rpx 0;
|
||||
}
|
||||
.item-img{
|
||||
width: 240rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 240rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.item-img img{
|
||||
border-radius: 14rpx;
|
||||
|
|
@ -405,7 +405,6 @@
|
|||
align-items: center;
|
||||
padding:20rpx;
|
||||
}
|
||||
|
||||
.item-detail {
|
||||
padding: 5rpx 15rpx;
|
||||
border-radius: 10rpx;
|
||||
|
|
@ -470,17 +469,17 @@
|
|||
position: relative;
|
||||
}
|
||||
/deep/.uni-searchbar{
|
||||
width:240px;
|
||||
width:250px;
|
||||
border-radius: 31rpx;
|
||||
padding-right: 24rpx;
|
||||
}
|
||||
.search-btn{
|
||||
text-align: center;
|
||||
color: #111;
|
||||
color: #019c88;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
right:40rpx;
|
||||
top: 19rpx;
|
||||
top: 20rpx;
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -15,7 +15,8 @@
|
|||
@clear="clear">
|
||||
</uni-search-bar>
|
||||
<view class="search-btn" @click="searchBtn">
|
||||
搜索
|
||||
<image style="width:30rpx; height:30rpx; margin-right: 10rpx;" src="../../static/search.png"></image>
|
||||
搜索
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -297,7 +298,7 @@
|
|||
width: 74%;
|
||||
background: #fff8f0;
|
||||
border-radius: 10rpx 0 0 10rpx;
|
||||
padding: 14rpx 20rpx;
|
||||
padding: 14rpx 10rpx;
|
||||
}
|
||||
.seckill-money span:nth-child(1){
|
||||
color: #666;
|
||||
|
|
@ -435,7 +436,7 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width:59%;
|
||||
width:60%;
|
||||
/*height: 100%;*/
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -444,8 +445,8 @@
|
|||
padding:5rpx 0;
|
||||
}
|
||||
.item-img{
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
width: 240rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -536,22 +537,21 @@
|
|||
}
|
||||
.search-btn{
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
color: #fff;
|
||||
color: #019c88;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
right:30rpx;
|
||||
top: 22rpx;
|
||||
height: 56rpx !important;
|
||||
right:40rpx;
|
||||
top: 20rpx;
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
/deep/.uni-searchbar__box-icon-search,.search-btn{
|
||||
width: 110rpx;
|
||||
height: 50rpx;
|
||||
background: #18A689;
|
||||
border-radius: 31rpx;
|
||||
|
||||
}
|
||||
/deep/.uni-searchbar__box{
|
||||
height: 30px;
|
||||
height:34px;
|
||||
border-radius: 30px !important;
|
||||
background-color: #fff !important;
|
||||
border: 1px solid #09a28a;
|
||||
|
|
@ -561,9 +561,9 @@
|
|||
position: relative;
|
||||
}
|
||||
/deep/.uni-searchbar{
|
||||
width: 230px;
|
||||
width:250px;
|
||||
border-radius: 31rpx;
|
||||
margin-right: 20rpx;
|
||||
padding-right: 24rpx;
|
||||
}
|
||||
.service-head-top-left image{
|
||||
width: 20px;
|
||||
|
|
@ -588,14 +588,11 @@
|
|||
justify-content: space-between;
|
||||
}
|
||||
.service-head-top{
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
height:90rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
|
||||
border-bottom:1rpx solid #c4ede1;
|
||||
}
|
||||
.view-cata{
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -15,7 +15,8 @@
|
|||
@clear="clear">
|
||||
</uni-search-bar>
|
||||
<view class="search-btn" @click="searchBtn">
|
||||
搜索
|
||||
<image style="width:30rpx; height:30rpx; margin-right: 10rpx;" src="../../static/search.png"></image>
|
||||
搜索
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -52,24 +53,24 @@
|
|||
<view class="item-view-title">{{item.title}}</view>
|
||||
<!-- <view class="xiaoer item-view-biao">{{item.classifyName}}</view> -->
|
||||
</view>
|
||||
<view class="item-view-bottom-qian">
|
||||
<span></span>
|
||||
<span>￥{{item.price}}</span>
|
||||
<!-- <span>/{{item.serviceCount}}次</span> -->
|
||||
<span>￥{{item.oldPrice}}</span>
|
||||
</view>
|
||||
<view class="flex" style="margin-top: 10rpx;">
|
||||
<view class="item-view-bottom-qian">
|
||||
<span></span>
|
||||
<span>￥{{item.price}}</span>
|
||||
<!-- <span>/{{item.serviceCount}}次</span> -->
|
||||
<span>￥{{item.oldPrice}}</span>
|
||||
</view>
|
||||
<view class="flex" style="margin-top: 10rpx;">
|
||||
<view class="shop_label" v-if="item.tagsData!=''">
|
||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||
</view>
|
||||
<view class="shop_label" v-else>
|
||||
<span>助眠解压</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-view-bottom" v-if="text=='index'">
|
||||
<view class="item-view-xiangmu">
|
||||
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
|
||||
</view>
|
||||
<view class="item-view-bottom" v-if="text=='index'">
|
||||
<view class="item-view-xiangmu">
|
||||
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
|
||||
</view>
|
||||
<view class="item-view-bottom-btn" v-if="item.isStart=='true'">
|
||||
开抢
|
||||
</view>
|
||||
|
|
@ -77,14 +78,14 @@
|
|||
开抢
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-view-bottom" v-if="text=='my'">
|
||||
<view class="item-view-xiangmu">
|
||||
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
|
||||
</view>
|
||||
<view class="item-view-bottom-btn">
|
||||
预约
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-view-bottom" v-if="text=='my'">
|
||||
<view class="item-view-xiangmu">
|
||||
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
|
||||
</view>
|
||||
<view class="item-view-bottom-btn">
|
||||
预约
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</z-paging>
|
||||
|
|
@ -348,7 +349,7 @@
|
|||
color: #FF1200;
|
||||
}
|
||||
.item-view-bottom-qian{
|
||||
margin-top: 5px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.item-view-bottom{
|
||||
width: 100%;
|
||||
|
|
@ -406,7 +407,7 @@
|
|||
.shop_label{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 10rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
.shop_label span{
|
||||
background: linear-gradient(90deg, #ffefde, #fff7ef);
|
||||
|
|
@ -436,19 +437,19 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width:59%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
padding:5rpx 0;
|
||||
}
|
||||
width:60%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
padding:5rpx 0;
|
||||
}
|
||||
.item-img{
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 240rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.img-span{
|
||||
padding: 2px 5px;
|
||||
|
|
@ -469,17 +470,17 @@
|
|||
border-radius: 14rpx;
|
||||
}
|
||||
.item {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
margin: 0 auto ;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
/*height: 140px;*/
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
padding:20rpx;
|
||||
}
|
||||
|
||||
.item-detail {
|
||||
|
|
@ -503,7 +504,7 @@
|
|||
width:100%;
|
||||
}
|
||||
/deep/.zp-paging-container-content{
|
||||
width: 100%;
|
||||
width: 95%;
|
||||
margin: 0px auto 0px auto;
|
||||
}
|
||||
.fenlei{
|
||||
|
|
@ -537,22 +538,21 @@
|
|||
}
|
||||
.search-btn{
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
color: #fff;
|
||||
color: #019c88;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
right:30rpx;
|
||||
top: 22rpx;
|
||||
height: 56rpx !important;
|
||||
right:40rpx;
|
||||
top: 20rpx;
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
/deep/.uni-searchbar__box-icon-search,.search-btn{
|
||||
width: 110rpx;
|
||||
height: 50rpx;
|
||||
background: #18A689;
|
||||
border-radius: 31rpx;
|
||||
|
||||
}
|
||||
/deep/.uni-searchbar__box{
|
||||
height: 30px;
|
||||
height:34px;
|
||||
border-radius: 30px !important;
|
||||
background-color: #fff !important;
|
||||
border: 1px solid #09a28a;
|
||||
|
|
@ -562,9 +562,9 @@
|
|||
position: relative;
|
||||
}
|
||||
/deep/.uni-searchbar{
|
||||
width: 230px;
|
||||
width:250px;
|
||||
border-radius: 31rpx;
|
||||
margin-right: 20rpx;
|
||||
padding-right: 24rpx;
|
||||
}
|
||||
.service-fh{
|
||||
width: 20px;
|
||||
|
|
@ -573,7 +573,7 @@
|
|||
margin-left: 10rpx;
|
||||
}
|
||||
.service-img{
|
||||
width: 156rpx;
|
||||
width: 146rpx;
|
||||
height: 38rpx;
|
||||
}
|
||||
.service-head-top-left span{
|
||||
|
|
@ -588,14 +588,11 @@
|
|||
justify-content: space-between;
|
||||
}
|
||||
.service-head-top{
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
height:90rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
|
||||
border-bottom:1rpx solid #c4ede1;
|
||||
}
|
||||
.view-cata{
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -34,10 +34,10 @@
|
|||
<image src="../../static/servicePackage/jianjie.png" mode=""></image>
|
||||
<span>套餐简介</span>
|
||||
</view>-->
|
||||
<view class="jianjie">
|
||||
<view :class="[contentShow=='0'?'jianjie-contnet':'jianjie']">
|
||||
{{mainData.content}}
|
||||
</view>
|
||||
<span class="jianjie-more">更多</span>
|
||||
<span class="jianjie-more" @click="contentClick">...</span>
|
||||
</view>
|
||||
<view class="header-bottom-foot">
|
||||
<view><image class="header-bottom-foot-title" src="../../static/dituzhaoren1.png" ></image></view>
|
||||
|
|
@ -150,7 +150,8 @@
|
|||
// 背景图片的URL可以是动态的，比如从API获取或根据条件生成
|
||||
backgroundImageUrl: '',
|
||||
nameText:'',
|
||||
zong:''
|
||||
zong:'',
|
||||
contentShow:'0',
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -200,6 +201,14 @@
|
|||
// #endif
|
||||
},
|
||||
methods:{
|
||||
contentClick(){
|
||||
var num=this.contentShow
|
||||
if(num=='0'){
|
||||
this.contentShow='1'
|
||||
}else{
|
||||
this.contentShow='0'
|
||||
}
|
||||
},
|
||||
goNav(e) {
|
||||
uni.navigateTo({
|
||||
url: e
|
||||
|
|
@ -968,7 +977,7 @@
|
|||
align-items: center;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.jianjie{
|
||||
.jianjie-contnet{
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #8D9194;
|
||||
|
|
@ -978,6 +987,11 @@
|
|||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.jianjie{
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #8D9194;
|
||||
}
|
||||
.jianjie-more{
|
||||
color: #029d88;
|
||||
font-size: 24rpx;
|
||||
|
|
|
|||
|
|
@ -2,93 +2,92 @@
|
|||
<template>
|
||||
<view class="content-view">
|
||||
<z-paging ref="paging" v-model="dataList" @query="queryList" >
|
||||
<template #top>
|
||||
<view class="service-head-top">
|
||||
<view class="service-head-top-left">
|
||||
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
|
||||
<span>{{getText}}</span>
|
||||
</view>
|
||||
<view>
|
||||
<uni-search-bar @service="serviceTrue" :cancelext="'取消'" v-model="searchValue" @input="input"
|
||||
@clear="clear">
|
||||
</uni-search-bar>
|
||||
<view class="search-btn" @click="searchBtn">
|
||||
搜索
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template #top>
|
||||
<view class="service-head-top">
|
||||
<view class="service-head-top-left">
|
||||
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
|
||||
<span>{{getText}}</span>
|
||||
</view>
|
||||
<view>
|
||||
<uni-search-bar @service="serviceTrue" :cancelext="'取消'" v-model="searchValue" @input="input" @clear="clear">
|
||||
</uni-search-bar>
|
||||
<view class="search-btn" @click="searchBtn">
|
||||
<image style="width:30rpx; height:30rpx; margin-right: 10rpx;" src="../../static/search.png"></image>
|
||||
搜索
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<!-- <template #refresher="{refresherStatus}" >
|
||||
<custom-refresher :status="refresherStatus" />
|
||||
</template> -->
|
||||
<template #loadingMoreNoMore >
|
||||
<custom-nomore />
|
||||
</template>
|
||||
<view v-if="getText=='企业'">
|
||||
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
|
||||
<image :src="item.massageImg" mode="" class="item-img"></image>
|
||||
<view class="item-view">
|
||||
<view class="view-cata">
|
||||
<view class="item-view-title">{{item.title}}</view>
|
||||
<span class="xiaoer">{{item.classifyName}}</span>
|
||||
</view>
|
||||
<view class="item-view-bottom-qian">
|
||||
<span></span>
|
||||
<span>￥{{item.price}}</span>
|
||||
<span>￥{{item.oldPrice}}</span>
|
||||
</view>
|
||||
<view class="flex" style="margin-top: 10rpx;">
|
||||
<view class="shop_label" v-if="item.tagsData!=''">
|
||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||
</view>
|
||||
<view class="shop_label" v-else>
|
||||
<span>助眠解压</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-view-bottom">
|
||||
<view class="item-view-xiangmu">
|
||||
<span>已售</span><span>{{item.sales}}</span>
|
||||
</view>
|
||||
<view class="item-view-bottom-btn">
|
||||
查看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="getText=='商家'">
|
||||
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
|
||||
<image :src="item.logo" mode="" class="item-img"></image>
|
||||
<view class="item-view">
|
||||
<view class="view-cata">
|
||||
<view class="item-view-title">{{item.consortiaName}}</view>
|
||||
</view>
|
||||
<view class="item-view-jianjie">
|
||||
{{item.consortiaContent}}
|
||||
</view>
|
||||
<view class="flex" style="margin-top: 10rpx;">
|
||||
<view class="shop_label" v-if="item.tagsData!=''">
|
||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||
</view>
|
||||
<view class="shop_label" v-else>
|
||||
<span>助眠解压</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-view-bottom">
|
||||
<view class="item-view-xiangmu">
|
||||
<span></span>
|
||||
</view>
|
||||
<view class="item-view-bottom-btn">
|
||||
查看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</z-paging>
|
||||
<template #loadingMoreNoMore >
|
||||
<custom-nomore />
|
||||
</template>
|
||||
<view v-if="getText=='企业'">
|
||||
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
|
||||
<image :src="item.massageImg" mode="" class="item-img"></image>
|
||||
<view class="item-view">
|
||||
<view class="view-cata">
|
||||
<view class="item-view-title">{{item.title}}</view>
|
||||
<span class="xiaoer">{{item.classifyName}}</span>
|
||||
</view>
|
||||
<view class="item-view-bottom-qian">
|
||||
<span></span>
|
||||
<span>￥{{item.price}}</span>
|
||||
<span>￥{{item.oldPrice}}</span>
|
||||
</view>
|
||||
<view class="flex" style="margin-top: 10rpx;">
|
||||
<view class="shop_label" v-if="item.tagsData!=''">
|
||||
|
||||
</view>
|
||||
<view class="shop_label" v-else>
|
||||
<span>助眠解压</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-view-bottom">
|
||||
<view class="item-view-xiangmu">
|
||||
<span>已售</span><span>{{item.sales}}</span>
|
||||
</view>
|
||||
<view class="item-view-bottom-btn">
|
||||
查看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="getText=='商家'">
|
||||
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
|
||||
<image :src="item.logo" mode="" class="item-img"></image>
|
||||
<view class="item-view">
|
||||
<view class="view-cata">
|
||||
<view class="item-view-title">{{item.consortiaName}}</view>
|
||||
</view>
|
||||
<view class="item-view-jianjie">
|
||||
{{item.consortiaContent}}
|
||||
</view>
|
||||
<view class="flex" style="margin-top: 10rpx;">
|
||||
<view class="shop_label" v-if="item.tagsData!=''">
|
||||
<span v-for="tag in item.tagsData" :key="tag">{{tag}}</span>
|
||||
</view>
|
||||
<view class="shop_label" v-else>
|
||||
<span>助眠解压</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-view-bottom">
|
||||
<view class="item-view-xiangmu">
|
||||
<span></span>
|
||||
</view>
|
||||
<view class="item-view-bottom-btn">
|
||||
查看
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</z-paging>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
|
|
@ -299,7 +298,7 @@
|
|||
color: #FF1200;
|
||||
}
|
||||
.item-view-bottom-qian{
|
||||
margin-top: 5px;
|
||||
margin-top:2px;
|
||||
}
|
||||
.item-view-bottom{
|
||||
width: 100%;
|
||||
|
|
@ -370,19 +369,19 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.item-view{
|
||||
width:59%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
padding:5rpx 0;
|
||||
width:60%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
padding:5rpx 0;
|
||||
}
|
||||
.item-img{
|
||||
width: 246rpx;
|
||||
height: 206rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
width: 240rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 14rpx;
|
||||
position: relative;
|
||||
}
|
||||
.item-img img{
|
||||
border-radius: 14rpx;
|
||||
|
|
@ -404,20 +403,19 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.item {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 140px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.item {
|
||||
width: 100%;
|
||||
margin: 0 auto ;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
/*height: 140px;*/
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx;
|
||||
margin-top:10px;
|
||||
align-items: center;
|
||||
padding:20rpx;
|
||||
}
|
||||
.item-detail {
|
||||
padding: 5rpx 15rpx;
|
||||
border-radius: 10rpx;
|
||||
|
|
@ -439,7 +437,7 @@
|
|||
width:100%;
|
||||
}
|
||||
/deep/.zp-paging-container-content{
|
||||
width: 100%;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.fenlei{
|
||||
|
|
@ -473,21 +471,21 @@
|
|||
}
|
||||
.search-btn{
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
color: #fff;
|
||||
color: #019c88;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
right:30rpx;
|
||||
top: 22rpx;
|
||||
height: 56rpx !important;
|
||||
right:40rpx;
|
||||
top: 20rpx;
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
/deep/.uni-searchbar__box-icon-search,.search-btn{
|
||||
width: 110rpx;
|
||||
height: 50rpx;
|
||||
background: #18A689;
|
||||
border-radius: 31rpx;
|
||||
}
|
||||
/deep/.uni-searchbar__box{
|
||||
height: 30px;
|
||||
height:34px;
|
||||
border-radius: 30px !important;
|
||||
background-color: #fff !important;
|
||||
border: 1px solid #09a28a;
|
||||
|
|
@ -497,9 +495,9 @@
|
|||
position: relative;
|
||||
}
|
||||
/deep/.uni-searchbar{
|
||||
width: 230px;
|
||||
width:250px;
|
||||
border-radius: 31rpx;
|
||||
margin-right: 20rpx;
|
||||
padding-right: 24rpx;
|
||||
}
|
||||
.service-head-top-left image{
|
||||
width: 20px;
|
||||
|
|
@ -524,14 +522,11 @@
|
|||
justify-content: space-between;
|
||||
}
|
||||
.service-head-top{
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
height:90rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
|
||||
border-bottom:1rpx solid #c4ede1;
|
||||
}
|
||||
.view-cata{
|
||||
display: flex;
|
||||
|
|
@ -565,7 +560,7 @@
|
|||
.shop_label{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 10rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
.shop_label span{
|
||||
background: linear-gradient(90deg, #ffefde, #fff7ef);
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
Loading…
Reference in New Issue