This commit is contained in:
kbing1981 2024-07-09 13:43:58 +08:00
parent c07e775692
commit 7b34a7c63a
8 changed files with 1057 additions and 45 deletions

114
pages/cooperate/index.vue Normal file
View File

@ -0,0 +1,114 @@
<template>
<view class="content">
<view class="cooperate-tetle">-选择您的身份-</view>
<view class="cooperate-line">
<image class="cooperate-img" src="../../static/cooperate/cooperate1.png" mode=""></image>
</view>
<view class="cooperate-line">
<image class="cooperate-img" src="../../static/cooperate/cooperate2.png" mode=""></image>
</view>
<view class="cooperate-line">
<image class="cooperate-img" src="../../static/cooperate/cooperate3.png" mode=""></image>
</view>
</view>
</template>
<style scoped>
.content {
width: 100%;
height: 100vh;
background:#fff;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: auto;
}
.cooperate-tetle{
margin: 50rpx auto;
text-align: center;
color: #333;
font-size: 30rpx;
font-weight: bold;
}
.cooperate-line{
width: 94%;
margin: 15rpx auto;
}
.cooperate-img{
width: 100%;
height:240rpx;
}
.shezhi-list-img-text{
font-weight: 400;
font-size: 30rpx;
color: #666;
}
.shezhi-list-left{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.shezhi-list{
width: 95%;
padding: 0px 15px;
height: 108rpx;
background: #FFFFFF;
border-radius: 14rpx;
margin: 10px auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.shezhi-list-img-icon{
width: 39.58rpx;
height: 40.28rpx;
margin-right: 10px;
}
.shezhi-list-img-jiantou{
width: 10.76rpx;
height: 18.19rpx;
}
.shezhi-title{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: relative;
margin: 10px 0px;
}
.shezhi-title span{
font-weight: bold;
font-size: 38rpx;
color: #17181C;
}
.shezhi-title image{
width: 25px;
height: 30rpx;
margin-right: 10px;
position: absolute;
left: 0;
}
.btn {
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
color: #FFFFFF;
margin: 16rpx 30upx;
position: fixed;
bottom: 0upx;
width: 90%;
border-radius: 50rpx;
height: 78rpx;
line-height: 78rpx;
font-size: 32rpx;
text-align: center;
}
.xian{
width: 100%;
height: 1px;
background-color: #f7f7f7;
}
</style>

320
pages/my/hehuo - 副本.vue Normal file
View File

@ -0,0 +1,320 @@
<template>
<view class="hehuo_view">
<view class="text_view">
<view class="item_view">
<view class="item_title">服务城市 </view>
<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="请输入姓名" />
<view class="xian"></view>
</view>
<view class="item_view">
<view class="item_title">联系电话</view>
<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="请输入年龄" />
<view class="xian"></view>
</view>
<view class="item_view">
<view class="item_title" style="margin-bottom: 10px;">头像上传</view>
<view class="flex" style="overflow: hidden;flex-direction: initial;">
<view v-if="headImg.length">
<view class="margin-top flex margin-right-sm">
<view class="flex"
style="width: 150upx;height: 150upx;margin-right: 10rpx;position: relative;">
<image :src="headImg" style="width: 100%;height: 100%;"></image>
<view style="z-index: 9;position: absolute;margin-top: -1px;right: 0px;"
@click="headImgremove(index)">
<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
</view>
</view>
</view>
</view>
<view class="margin-top" @click="addImage()" v-if="headImg.length<=0">
<view class="flex justify-center align-center margin-top-view">
<view>
<view class="text-center">
<image style="width: 43.06rpx;height: 38.19rpx;" src="../../static/orderDetail/img-shang.png" mode=""></image>
</view>
<view class="text-center text-xs margin-top-xs">上传图片</view>
</view>
</view>
</view>
</view>
</view>
<!-- <view class="audit_message" v-if="auditContent != '' && bb == 3">拒绝原因{{auditContent}}</view> -->
<!-- <view class="save_btn" v-if="status == 0">审核中</view> -->
</view>
<view class="save_btn" @tap="save" v-if="bb !=0">提交申请</view>
</view>
</template>
<script>
import * as websocketUtils from 'utils/websocketUtils.js';
export default {
data() {
return {
hotCitys: ['杭州', '天津', '北京', '上海', '深圳', '广州', '成都', '重庆', '厦门'],
locationValue: '正在定位...',
// auditContent: '',
city: '',
money: '',
teamNumber: '',
userName: '',
phone: '',
age: '',
headImg: [],
bb:true,
}
},
onLoad() {
this.getChannel();
},
methods: {
//
headImgremove(index) {
this.headImg = ''
},
getChannel() {
let userId = this.$queue.getData('userId');
this.$Request.getT('/app/artificer/selectAgencyById?userId=' + userId).then(res => {
if (res.code == 0) {
if (res.data == null) {
this.bb = 1;
} else {
this.bb = res.data.status;
this.city = res.data.city;
this.age = res.data.age;
this.headImg = res.data.img;
this.userName = res.data.name;
this.phone = res.data.phone;
}
console.log(this.bb)
// this.auditContent = res.data.auditContent;
}
});
},
//
Getcity(latitude, longitude) {
this.$Request.get("/app/Login/selectCity", {
lat: latitude,
lng: longitude
}).then(res => {
console.log(res)
this.city = res.data.city
console.log(this.address)
});
},
goCity() {
let that = this
uni.chooseLocation({
success: function(res) {
console.log('位置名称:' + res.name);
console.log('详细地址:' + res.address);
console.log('纬度:' + res.latitude);
console.log('经度:' + res.longitude);
// that.city = res.address || ''
that.Getcity(res.latitude, res.longitude)
}
});
// uni.getLocation({
// type: 'wgs84',
// geocode: true,
// success: function(res) {
// console.log('' + res.address.city);
// that.city = res.address.city || ''
// }
// });
},
save() {
// let isStudent = this.$queue.getData("isStudent");
// if (isStudent != 2) {
// uni.showModal({
// title: '',
// content: '',
// showCancel: true,
// cancelText: '',
// confirmText: '',
// success: res => {
// if (res.confirm) {
// uni.navigateTo({
// url: '/offlinetask/pages/public/authentication'
// });
// }
// }
// });
// return;
// }
// this.form.headImg = this.headImg
// this.headImg = this.headImg.toString();
if (this.city === '') {
this.$queue.showToast('请输入服务城市 ')
return;
}
if (this.userName === '') {
this.$queue.showToast('请输入姓名')
return;
}
if (this.phone === '' || this.phone.length != 11) {
this.$queue.showToast('请输入正确的手机号!')
return;
}
if (this.age === '') {
this.$queue.showToast('请输入年龄')
return;
}
if (this.headImg == '') {
this.$queue.showToast('请上传头像')
return;
}
let userId = this.$queue.getData('userId');
let data = {
userId: userId,
name: this.userName,
phone: this.phone,
age: this.age,
city: this.city,
img: this.headImg,
}
this.$Request.postJson('/app/artificer/insertAgency', data).then(res => {
if (res.code == 0) {
uni.hideLoading();
this.$queue.showToast('提交成功!');
setTimeout(d => {
uni.navigateBack();
}, 1000);
} else {
uni.hideLoading();
this.$queue.showToast(res.msg);
}
});
},
addImage() {
let that = this
uni.chooseImage({
count: 1,
sourceType: ['album', 'camera'],
success: res => {
for (let i = 0; i < 1; i++) {
that.$queue.showLoading("上传中...");
uni.uploadFile({ //
url: websocketUtils.uploadFileUrl(), //
// url: 'https://admin.sjajk.com/sqx_fast/alioss/upload', //
filePath: res.tempFilePaths[i],
name: 'file',
success: (uploadFileRes) => {
console.log(uploadFileRes.data)
that.headImg = JSON.parse(uploadFileRes.data).data
console.log(that.headImg)
uni.hideLoading();
}
});
}
}
})
},
}
}
</script>
<style lang="less">
@import '../../static/less/index.less';
@import '../../static/css/index.css';
.save_btn {
width: 600upx;
height: 92rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-radius: 46rpx;
line-height: 92upx;
margin: 0 auto;
color: #fff;
font-size: 30upx;
position: absolute;
bottom: 0px;
margin-bottom: 10px;
text-align: center;
/* #ifdef MP-WEIXIN */
margin-top: 150rpx;
/* #endif */
/* #ifdef H5 */
margin-top: 100rpx;
/* #endif */
/* #ifdef APP-PLUS */
margin-top: 180rpx;
/* #endif */
}
.margin-top-view{
width: 150upx;
height: 150upx;
background: #f7f7f7;
}
.hehuo_view {
width: 100%;
padding-top: 10px;
height: 100vh;
background-color: #f7f7f7;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
.text_view {
width: 95%;
margin: 0 auto;
background-color: #fff;
border-radius: 10px;
padding: 20px;
.audit_message {
color: red;
width: 650rpx;
height: 50rpx;
margin-top: 50rpx;
}
.save_btn1 {
width: 650rpx;
height: 88rpx;
background: #FFFFFF;
border-radius: 10rpx;
margin-top: 100rpx;
text-align: center;
line-height: 88rpx;
}
.item_view {
margin-top: 30rpx;
.item_title {
font-size: 32rpx;
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
color: #333333;
}
input {
margin-top: 20rpx;
height: 40rpx;
font-size: 24rpx;
font-family: PingFang SC Regular, PingFang SC Regular-Regular;
font-weight: 400;
color: #333333;
}
.xian {
width: 100%;
border-bottom: 1rpx solid #f7f7f7;
margin-top: 10rpx;
}
}
}
}
</style>

View File

@ -1,25 +1,31 @@
<template>
<view class="hehuo_view">
<view class="text_view">
<view class="item_view">
<view class="item_title">服务城市 </view>
<input @click="goCity" type="text" v-model="city" placeholder="请输入服务城市 " />
<view class="xian"></view>
<view class="advantage-title">我们的优势</view>
<view class="advantage-bor"></view>
<view class="adv_text_view">
<view class="adv_line">
<view >您是否有过团队管理经验? </view>
<view></view>
</view>
<view class="item_view">
<view class="item_title">姓名</view>
<input type="text" v-model="userName" placeholder="请输入姓名" />
<view class="xian"></view>
<view class="adv_line">
<view >您的技师团队有多少人? </view>
<view></view>
</view>
<view class="item_view">
<view class="item_title">联系电话</view>
<input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
<view class="xian"></view>
<view class="adv_line">
<view >请填写您的联系方式? </view>
</view>
<view class="item_view">
<view class="item_title">年龄</view>
<input type="number" v-model="age" maxlength="11" placeholder="请输入年龄" />
<view class="xian"></view>
<view class="adv_line">
<view >姓名</view>
<input class="adv_input_text" type="number" v-model="phone" maxlength="11" placeholder="请输入真实姓名" />
</view>
<view class="adv_line">
<view >手机号</view>
<input class="adv_input_text" type="number" v-model="phone" maxlength="11" placeholder="请输入手机号" />
</view>
<view class="adv_line">
<view >手机号</view>
<input class="adv_input_text" style="margin-top: 8rpx;" type="number" v-model="phone" maxlength="11" placeholder="请输入手机验证码" />
<view class="send-msg">验证码</view>
</view>
<view class="item_view">
<view class="item_title" style="margin-bottom: 10px;">头像上传</view>
@ -58,6 +64,7 @@
<script>
import * as websocketUtils from 'utils/websocketUtils.js';
export default {
data() {
return {
@ -256,43 +263,103 @@
height: 150upx;
background: #f7f7f7;
}
.advantage-title{
font-size: 32rpx;
font-weight: bold;
margin-top: 60rpx;
margin-left: 30rpx;
}
.advantage-bor{
width: 64px;
height: 6px;
border-radius: 3px;
bottom: 0;
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
margin-bottom: 80rpx;
}
.adv_line{
display: flex;
justify-content: space-between;
height: 50rpx;
line-height: 50rpx;
margin-bottom: 30rpx;
font-size: 28rpx;
}
.adv_input_text{
text-align: right;
}
.adv_item_view{
display: flex;
justify-content: space-between;
}
.adv_text_view {
width: 95%;
margin-left: 2.5%;
background-color: #fff;
border-radius: 10px;
padding: 20px;
}
.send-msg{
padding: 0 30rpx;
color: #fff;
height: 55rpx;
line-height: 54rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-radius: 30rpx;
}
.adv_item_title{
width: 300rpx;
}
.adv_xian {
width: 100%;
border-bottom: 1rpx solid #f7f7f7;
margin-top: 10rpx;
}
.hehuo_view {
width: 100%;
padding-top: 10px;
height: 100vh;
background-color: #f7f7f7;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
.text_view {
width: 95%;
margin: 0 auto;
background-color: #fff;
border-radius: 10px;
padding: 20px;
.audit_message {
color: red;
width: 650rpx;
height: 50rpx;
margin-top: 50rpx;
}
background-image: url('../../static/cooperate/cooperate4.png');
background-repeat: no-repeat;
background-size: 100% 550rpx;
//display: flex;
//flex-direction: column;
//align-items: center;}
.text_view {
width: 95%;
margin-left: 2.5%;
background-color: #fff;
border-radius: 10px;
padding: 20px;
.audit_message {
color: red;
width: 650rpx;
height: 50rpx;
}
.save_btn1 {
width: 650rpx;
height: 88rpx;
background: #FFFFFF;
border-radius: 10rpx;
margin-top: 100rpx;
text-align: center;
line-height: 88rpx;
}
.save_btn1 {
width: 650rpx;
height: 88rpx;
background: #FFFFFF;
border-radius: 10rpx;
margin-top: 100rpx;
text-align: center;
line-height: 88rpx;
}
.item_view {
margin-top: 30rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.item_title {
font-size: 32rpx;

View File

@ -0,0 +1,511 @@
<!-- 自定义下拉刷新与上拉加载演示(vue) -->
<template>
<view class="content-view">
<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">
搜索
</view>
</view>
</view>
<t-refresh ref="refresh" v-if="dataList.length>0" @refresh="refresh" @loadMore="loadMore" :loadingType="loadingType" :tPadding="0">
<template slot="content">
<view>
<span>主营项目</span>
</view>
<view>
<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="item-view-jianjie">
{{item.content}}
</view>-->
<!--<view class="item-view-bottom">
<view class="item-view-xiangmu">
<span>已售</span><span>{{item.sales}}w+</span> | 好评{{item.esteemRate}}%
</view>
<view class="item-view-bottom-btn">
查看
</view>
</view>-->
<view class="flex shop_category">
<view class="shop_category_a">中医理疗</view>
<view>6.7km</view>
</view>
<view class="shop_label">
<span>有包厢</span>
<span>有吸烟区</span>
<span>有淋浴房</span>
<span>有免费wifi</span>
</view>
</view>
</view>
<view class="shop_item">
<view>
<span></span>
<span class="shop_color">980</span>
<span></span>
</view>
<view>冬病夏治无烟明火艾灸疗</view>
<view class="shop-arrow"></view>
</view>
</view>
<empty v-if="dataList.length==0"></empty>
</template>
</t-refresh>
</view>
</template>
<script>
import empty from '@/components/empty.vue'
import tRefresh from "@/components/t-refresh/t-refresh.vue"
export default {
components:{tRefresh,empty},
data() {
return {
loadingType:0,
myId: '',
// v-model
dataList: [],
typeData:'104',
tabIndex: 0,
searchValue:'',
serviceTrue:true,
page:1,
limit:10,
titleNmae:'',
classifyId:'',
getName:'',
}
},
onLoad(e){
this.typeData=e.type
this.getName=e.name;
this.myId = uni.getStorageSync('userId')
this.getData()
},
onPullDownRefresh: function() {
this.page = 1;
this.getData()
},
methods: {
//
loadMore: async function() {
//loadingType: 0. 1. 2.
if(this.loadingType==0){
this.loadingType=2
//
setTimeout(()=>{
this.page++;
this.loadingType=0;
this.getData()
},1000)
}
},
input(res) {//
this.searchValue=res;
console.log('----input:', res)
},
searchBtn(){//
if(this.searchValue!=""){
this.getData()
}
},
getData(){
var that=this;
that.$Request.get("/app/massage/package/findPage", {
type:that.typeData,
page:that.page,
limit:that.limit,
title:that.searchValue
}).then(res => {
if (res.code == 0) {
if (res.data) {
if (this.page == 1) this.dataList = []; //
this.dataList = [...this.dataList, ...res.data.list]; //
uni.stopPullDownRefresh()
}
}
});
},
backImg(){//
uni.reLaunch({
url:'/pages/index/index'
})
},
clear(res) {
this.getData()
},
itemClick(item) {
if(this.typeData=='104'){
uni.navigateTo({
url:'/pages/my/serviceOderDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+this.getName+'&isCanCoupon='+item.isCanCoupon
})
}else if(this.typeData=='105'){
uni.navigateTo({
url:'/pages/my/cikarDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+this.getName+'&isCanCoupon='+item.isCanCoupon
})
}else if(this.typeData=='106'){
uni.navigateTo({
url:'/pages/my/fuwuliaochengDetail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+this.getName+'&isCanCoupon='+item.isCanCoupon
})
}
}
}
}
</script>
<style scoped>
.item-view-bottom-qian{
margin-top: 5px;
}
/deep/.refresh-body .content{
background-color: #f7f7f7;
}
/deep/.refresh-body{
height: 100% !important;
border-top: 2px solid #f7f7f7;
margin: 50px 0px;
}
.content-view{
width: 100%;
height: 100vh;
overflow: auto;
background-color: #f7f7f7;
position: relative;
}
.item-view-bottom-btn{
text-align: center;
width: 131rpx;
height: 55rpx;
line-height: 55rpx;
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
border-radius: 10rpx;
font-weight: bold;
font-size: 28rpx;
color: #FFFFFF;
}
.item-view-bottom-qian span:nth-child(4){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
margin-left: 5px;
}
.item-view-bottom-qian span:nth-child(5){
font-size: 28rpx;
color: #848484;
text-decoration-line: line-through;
}
.item-view-bottom-qian span:nth-child(1){
font-weight: 400;
font-size: 25rpx;
color: #F95900;
}
.item-view-bottom-qian span:nth-child(2){
font-weight: bold;
font-size: 36.81rpx;
color: #F95900;
}
.item-view-bottom-qian span:nth-child(3){
font-size: 25rpx;
color: #F95900;
}
.item-view-bottom{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.item-view-jianjie{
font-weight: 400;
font-size: 24rpx;
color: #999999;
margin:5px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
overflow: hidden;
text-overflow: ellipsis;
}
.item-view-biao{
padding: 1px 5px;
border-radius: 15rpx 3rpx 15rpx 3rpx;
}
.tuina{
background-color:#d1f2df;
color: #17984d;
}
.xiaoer{
background-color:#f1f8d7;
color: #58b314;
}
.taishi{
background-color:#e5d5c6;
color: #805d39;
}
.kangfu{
background-color:#fcf3da;
color: #ff8600;
}
.item-view-xiangmu span:nth-child(2){
font-weight: normal;
color: #666666;
}
.item-view-xiangmu span:nth-child(1){
font-weight: normal;
color: #999;
margin-right: 5rpx;
}
.item-view-xiangmu{
width: 100%;
display: flex;
flex-direction: row;
font-weight: 400;
font-size: 25rpx;
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;
}
.item-view{
width: 55%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.item-img{
width: 285rpx;
height: 120px;
border-radius: 14rpx;
position: relative;
}
.item-img img{
border-radius: 14rpx;
}
.img-span{
padding: 2px 5px;
font-weight: 400;
font-size: 8px;
color: #FFFFFF;
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
border-radius: 7px 0px 7px 0px;
position: absolute;
bottom: 0px;
right: 0;
margin-bottom: 5px;
margin-right: 5px;
}
.item-img image{
width: 100%;
height: 100%;
}
.item {
width: 96%;
margin: 0 2% ;
display: flex;
flex-direction: row;
justify-content: space-between;
height: 140px;
background: #FFFFFF;
border-radius: 21rpx;
margin-top:10px;
align-items: center;
padding: 0px 10px;
}
.item-detail {
padding: 5rpx 15rpx;
border-radius: 10rpx;
font-size: 28rpx;
color: white;
background-color: #007AFF;
}
.item-line {
position: absolute;
bottom: 0rpx;
left: 0rpx;
height: 1px;
width: 100%;
background-color: #eeeeee;
}
/deep/.zp-paging-container{
background-color: #f7f7f7;
width:100%;
}
/deep/.zp-paging-container-content{
width: 95%;
margin: 0 auto;
}
.fenlei{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.index-fenl-title{
width: 81rpx;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
font-weight: bold;
font-size: 34rpx;
color:#019C88;
}
.index-fenl-title-bottom{
position: absolute;
bottom: 0;
margin-bottom: 0px;
width: 81rpx;
height: 14rpx;
border-radius: 7rpx;
background: linear-gradient(-48deg,rgba(1, 156, 136, 0.35),rgba(45, 196, 142, 0.35));
}
/deep/.uni-searchbar__cancel{
display: none;
}
.search-btn{
text-align: center;
line-height: 31px;
color: #fff;
position: absolute;
right: 0;
top: 0;
margin-top:9.4px;
margin-right: 11px;
height: 32px !important;
}
/deep/.uni-searchbar__box-icon-search,.search-btn{
width: 150rpx;
height: 60rpx;
background: #18A689;
border-radius: 31rpx;
}
/deep/.uni-searchbar__box{
height: 31px;
border-radius: 15px !important;
background-color: #fff !important;
border: 1px solid #E5E5E5;
padding: 0px;
display: flex;
flex-direction: row;
flex-flow: row-reverse;
position: relative;
}
/deep/.uni-searchbar{
width: 240px;
border-radius: 31rpx;
}
.service-head-top-left image{
width: 25px;
height: 30rpx;
margin-right: 10px;
}
.service-head-top-left span{
font-weight: bold;
font-size: 34rpx;
color: #171717;
}
.service-head-top-left{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.service-head-top{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background-color: #fff;
position: fixed;
z-index: 999;
}
.view-cata{
display: flex;
flex-direction: row;
align-items: center;
}
.shop_category{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
font-size: 26rpx;
padding: 8rpx 0;
margin-top:40rpx ;
}
.shop_category_a{
color: #019c88;
}
.shop_item{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90%;
margin: 15rpx auto;
}
.shop_color{
color:#fb672b;
font-weight: bold;
font-size: 38rpx;
}
.shop_label{
display: flex;
flex-wrap: wrap;
}
.shop-arrow{
display: inline-block;
border-top: 1px solid;
border-right: 1px solid;
width: 7px;
height: 7px;
border-color: #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: 7px;
}
.shop_label span{
background: #e5e5e5;
border-radius: 8rpx;
padding: 2rpx 8rpx;
font-size: 20rpx;
margin-right: 8rpx;
margin-bottom: 8rpx;
}
</style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB