This commit is contained in:
kbing1981 2024-07-30 16:53:24 +08:00
parent 11372ab1fc
commit bc5a7b0d2c
9 changed files with 187 additions and 190 deletions

View File

@ -5,7 +5,7 @@
<view class="head-top">
<view class="pay-title">项目次卡</view>
<view class="flex">
<view style="width: 160upx;height: 160upx;">
<view class="detail-view-img">
<image :src="orderXm.packageImg"
style="width: 100%;height: 100%;border-radius: 19upx;"></image>
</view>
@ -1277,8 +1277,8 @@
justify-content: space-around;
}
.detail-view-img{
width: 76px;
height: 76px;
width: 80px;
height: 80px;
border-radius: 9px;
}
.detail-view{
@ -1321,14 +1321,23 @@
margin-bottom: 12px;
}
.header-bottom-money-zhen span{
color: #FF6000 ;
}
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 26rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:38rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 26rpx;
}
.header-bottom-money-zhen{
display: flex;
flex-direction: row;
align-items: baseline;
justify-content: space-between;
}
}
.detail-foot-nav-bor{
width: 64px;
height: 11rpx;
@ -1358,20 +1367,19 @@
margin: 10px 0;
}
.detail-foot-title{
width: 115px;
height: 32px;
background-image: url(../../static/servicePackage/horn.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-weight: 400;
font-size: 15px;
color: #FFFFFF;
text-align: right;
line-height: 32px;
padding-right: 15px;
position: absolute;
right: 0;
top: 0;
width: 100px;
height:24px;
background: linear-gradient(90deg, #ffdf96, #feca76);
border-radius: 0 15rpx 0 30rpx;
font-weight: 400;
font-size: 12px;
color: #a13504;
text-align: right;
line-height: 24px;
padding-right: 18px;
position: absolute;
right: 0;
top: 0;
}
.detail-foot-list-top{
width: 95%;
@ -1399,12 +1407,12 @@
.tese span:nth-child(1){
font-weight: bold;
font-size: 22rpx;
font-size: 26rpx;
color: #333333;
}
.tese span:nth-child(2){
font-weight: 400;
font-size: 22rpx;
font-size: 26rpx;
color: #8D9194;
}
.tese{
@ -1422,8 +1430,8 @@
}
.detail-foot-list-top span:nth-child(2){
width: 76rpx;
height: 33rpx;
line-height: 33rpx;
height: 30rpx;
line-height: 30rpx;
text-align: center;
border-radius: 16rpx;
border: 1px solid #7D7D7D;
@ -1433,8 +1441,7 @@
margin: 0px 25px 0px 5px;
}
.detail-foot-list-top span:nth-child(3){
font-weight: 400;
font-size: 28rpx;
font-size: 30rpx;
color: #029d88;
}
@ -1711,7 +1718,7 @@
width: 100%;
background-color: #ffffff;
border-radius: 24rpx;
padding: 29rpx;
padding:24rpx;
}
.d-title{
font-weight: bold;
@ -1835,7 +1842,7 @@
margin-left: 5px;
}
.money-pay-zhen span{
color: #FF6000;
color:#FF1200;
font-size: 32rpx;
font-weight: bold;
}

View File

@ -1135,17 +1135,16 @@
margin-right: 1px;
}
.header-bottom-foot-view{
width: 32%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 1px 8px;
height: 22px;
line-height: 22px;
background-color: rgba(230, 246, 243, 1);
border-radius: 15px;
font-weight: 400;
font-size: 10px;
font-size: 11px;
color: #029c88;
}
.header-bottom-foot-title{

View File

@ -23,8 +23,8 @@
<view class="header-bottom-money-view">
<view class="header-bottom-money">
<view class="header-bottom-money-zhen">
<span></span>
<span>{{getList.price}}</span>
<span></span>
<span>{{getList.price}}</span>
<!-- <span>/</span> -->
</view>
<view class="header-bottom-money-jia">
@ -550,14 +550,14 @@
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 25rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:35rpx;
font-size:38rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 22rpx;
font-size: 28rpx;
}
.header-bottom-money-zhen{
display: flex;

View File

@ -13,6 +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>
搜索
</view>
</view>
@ -197,7 +198,7 @@
.shop_label{
display: flex;
flex-wrap: wrap;
margin-top: 10rpx;
margin-top:4rpx;
}
.shop_label span{
background: linear-gradient(90deg, #ffefde, #fff7ef);
@ -256,7 +257,7 @@
color: #F95900;
}
.item-view-bottom-qian{
margin-top: 5px;
margin-top:2px;
}
.item-view-bottom{
@ -322,7 +323,7 @@
color: #333333;
}
.item-view{
width:59%;
width:60%;
height: 100%;
display: flex;
flex-direction: column;
@ -331,10 +332,10 @@
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;
@ -354,19 +355,18 @@
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;
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;
@ -388,7 +388,7 @@
width:100%;
}
/deep/.zp-paging-container-content{
width: 100%;
width: 95%;
margin: 0 auto;
}
.fenlei{
@ -422,21 +422,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;
@ -446,9 +446,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;
@ -473,14 +473,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;
}
</style>

View File

@ -1169,18 +1169,16 @@
margin-right: 1px;
}
.header-bottom-foot-view{
width: 35%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 2px 5px;
padding: 1px 8px;
height: 22px;
line-height: 22px;
background-color: rgba(230, 246, 243, 1);
border-radius: 15px;
font-weight: 400;
font-size: 10px;
font-size: 11px;
color: #029c88;
}
.header-bottom-foot-title{

View File

@ -202,7 +202,7 @@
.shop_label{
display: flex;
flex-wrap: wrap;
margin-top: 10rpx;
margin-top: 4rpx;
}
.shop_label span{
background: linear-gradient(90deg, #ffefde, #fff7ef);
@ -269,7 +269,7 @@
color: #FF1200;
}
.item-view-bottom-qian{
margin-top: 5px;
margin-top: 2px;
}
.item-view-bottom{
@ -334,28 +334,28 @@
align-items: flex-end;
}
.item-view-title{
width: 76%;
font-weight: bold;
font-size: 32rpx;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 76%;
font-weight: bold;
font-size: 32rpx;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
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;
@ -373,19 +373,20 @@
.item-img image{
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;
border-radius: 14rpx;
}
.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 {
@ -409,7 +410,7 @@
width:100%;
}
/deep/.zp-paging-container-content{
width: 100%;
width: 95%;
margin: 0 auto;
}
.fenlei{
@ -443,21 +444,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;
@ -467,9 +468,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;

View File

@ -1,63 +1,62 @@
<!-- 自定义下拉刷新与上拉加载演示(vue) -->
<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>{{typeData=='104'?'服务套餐':typeData=='105'?'项目次卡':'服务疗程'}}</span>
</view>
<view>
<uni-search-bar @service="serviceTrue" @confirm="search" :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>
<view class="fenlei">
<z-tabs class="z-tabs-fenlei":list="tabList" @change="tabChange" @changeClick="changeClick"/>
</view>
</template>
<template #loadingMoreNoMore >
<custom-nomore />
</template>
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
<image :src="item.packageImg" 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-view-biao">{{item.classifyName}}</span> -->
</view>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<span>/ <text v-if="item.type!='104'">{{item.serviceCount}}</text> {{typeData=='104'?'':typeData=='105'?'':''}}</span>
<span></span>
<span>{{item.oldPrice}}<text v-if="item.type!='104'">/{{item.serviceCount}}</text>{{typeData=='104'?'':typeData=='105'?'':''}}</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><!-- | 好评{{item.esteemRate}}% -->
</view>
<view class="item-view-bottom-btn">
查看
</view>
</view>
</view>
</view>
</z-paging>
<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>{{typeData=='104'?'服务套餐':typeData=='105'?'项目次卡':'服务疗程'}}</span>
</view>
<view>
<uni-search-bar @service="serviceTrue" @confirm="search" :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>
<view class="fenlei">
<z-tabs class="z-tabs-fenlei":list="tabList" @change="tabChange" @changeClick="changeClick"/>
</view>
</template>
<template #loadingMoreNoMore >
<custom-nomore/>
</template>
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
<image :src="item.packageImg" 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-view-biao">{{item.classifyName}}</span> -->
</view>
<view class="item-view-bottom-qian">
<span></span>
<span>{{item.price}}</span>
<span>/ <text v-if="item.type!='104'">{{item.serviceCount}}</text> {{typeData=='104'?'':typeData=='105'?'':''}}</span>
<span></span>
<span>{{item.oldPrice}}<text v-if="item.type!='104'">/{{item.serviceCount}}</text>{{typeData=='104'?'':typeData=='105'?'':''}}</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><!-- | 好评{{item.esteemRate}}% -->
</view>
<view class="item-view-bottom-btn">
查看
</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
@ -277,7 +276,7 @@
}
.item-view-bottom-qian span:nth-child(3){
font-size: 28rpx;
color: #F95900;
color: #FF1200;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;

View File

@ -749,18 +749,16 @@
margin-right: 1px;
}
.header-bottom-foot-view{
width: 35%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 2px 5px;
padding: 1px 8px;
height: 22px;
line-height: 22px;
background-color: rgba(230, 246, 243, 1);
border-radius: 15px;
font-weight: 400;
font-size: 10px;
font-size: 11px;
color: #029c88;
}
.header-bottom-foot-title{
@ -777,7 +775,6 @@
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 6rpx;
}
.header-bottom-foot{
width: 100%;
@ -979,7 +976,7 @@
color: #fff;
}
.teamwork-plate{
background: #fff;
background:#fff;
margin: 20rpx 0;
align-items: center;
padding:15rpx 26rpx;

View File

@ -445,12 +445,12 @@
justify-content: space-between;
padding:5rpx 0;
}
.item-img{
width: 240rpx;
height: 200rpx;
border-radius: 14rpx;
position: relative;
}
.item-img{
width: 240rpx;
height: 200rpx;
border-radius: 14rpx;
position: relative;
}
.img-span{
padding: 2px 5px;
font-weight: 400;
@ -482,7 +482,6 @@
align-items: center;
padding:20rpx;
}
.item-detail {
padding: 5rpx 15rpx;
border-radius: 10rpx;