添加 修改商家信息页面
This commit is contained in:
parent
c35641acd8
commit
5b4cc5edd9
12
pages.json
12
pages.json
|
|
@ -44,6 +44,18 @@
|
|||
"navigationBarTitleText": "资质证书"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/my/yueDaoDianDrtail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "商家信息"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/my/shangjiaInp",
|
||||
"style": {
|
||||
"navigationBarTitleText": "修改商家信息"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/index/currentIncome",
|
||||
"style": {
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@
|
|||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view style="margin-top: -158px;padding: 30rpx;">
|
||||
<view style="margin-top: -130px;padding: 30rpx;">
|
||||
<view class="dengjibox">
|
||||
<view class="djtit">当前等级</view>
|
||||
<view class="djimg" @click="level">{{ currentGrade ? currentGrade : "A0" }}</view>
|
||||
|
|
|
|||
|
|
@ -221,6 +221,11 @@
|
|||
<image src="../../static/index/function3.png"></image>
|
||||
<view class="box_text">邀请理疗师</view>
|
||||
</view>
|
||||
<view class="box" @click="shangjia('/pages/my/yueDaoDianDrtail')">
|
||||
<!-- v-if="renzheng > 0 && XCXIsSelect != '否'" -->
|
||||
<image src="../../static/index/index-fenglei9.png"></image>
|
||||
<view class="box_text">商家信息</view>
|
||||
</view>
|
||||
<view class="box" @click="goNav('/my/setting/index')">
|
||||
<image src="../../static/index/function4.png"></image>
|
||||
<view class="box_text">设置中心</view>
|
||||
|
|
@ -398,6 +403,25 @@
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
shangjia(e){//获取商家信息
|
||||
var that=this;
|
||||
|
||||
that.$Request.get('/app/consortia/selectConsortiaUserId',).then(res => {
|
||||
if (res.code == 0) {
|
||||
if(res.data){
|
||||
uni.navigateTo({
|
||||
url:e
|
||||
})
|
||||
}else{
|
||||
uni.showToast({
|
||||
icon:'error',
|
||||
title:"您还不是商家！"
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 跳转合同页面
|
||||
goHetong(){
|
||||
uni.navigateTo({
|
||||
|
|
|
|||
|
|
@ -0,0 +1,332 @@
|
|||
<template>
|
||||
<view style="padding-bottom: 100upx; margin-top: 20rpx;">
|
||||
<view class="padding bg radius margin">
|
||||
|
||||
<u-form :model="form" ref="uForm" label-position="top" :label-style='lableStyle'>
|
||||
<u-form-item label="" :border-bottom='false' style="border-bottom: 1px #f7f7f7 solid;">
|
||||
<view class="skleft">
|
||||
店铺名称
|
||||
</view>
|
||||
<u-input placeholder="请填写（必填）" v-model="form.consortiaName" type="text"
|
||||
style="color: #999999;" />
|
||||
</u-form-item>
|
||||
<u-form-item label="" :border-bottom='false'>
|
||||
<view class="skleft">
|
||||
联系方式
|
||||
</view>
|
||||
<u-input placeholder="请填写（必填）" v-model="form.phone" type="number"
|
||||
maxlength="11" style="color: #999999;" />
|
||||
</u-form-item>
|
||||
<u-form-item label="" :border-bottom='false'>
|
||||
<view class="skleft">
|
||||
店铺标签
|
||||
</view>
|
||||
<u-input placeholder="请填写店铺标签(以逗号分隔)" v-model="form.labels" type="text"
|
||||
style="color: #999999;" />
|
||||
</u-form-item>
|
||||
<u-form-item label="" :border-bottom='false'>
|
||||
<view class="skleft">
|
||||
店铺介绍
|
||||
</view>
|
||||
<view class="margin-tb-sm bg">
|
||||
<u-input v-model="form.consortiaContent" style="border-radius: 20rpx;"
|
||||
type="textarea" height="200" placeholde="请填写店铺介绍" maxlengt="200" :clearable="false" />
|
||||
</view>
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
</view>
|
||||
<view class=" padding bg radius margin"
|
||||
style="padding-top: 20rpx; margin-top: 20rpx;">
|
||||
<view class="margin-top-sm">头像上传</view>
|
||||
<view class="flex" style="overflow: hidden;flex-wrap: wrap;">
|
||||
<view class="margin-top flex margin-right-sm flex-wrap" v-if="form.headImg && form.headImg.length">
|
||||
<view class="flex" style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;">
|
||||
<image :src="form.headImg" style="width: 100%;height: 100%;"></image>
|
||||
<view v-if="renzheng == 0 || renzheng == 3"
|
||||
style="z-index: 9;position: absolute;top: -15rpx;right: -15rpx;"
|
||||
@click="headImgremove(index)">
|
||||
<u-icon name="close-circle-fill" color="#d81e06" size="50rpx"></u-icon>
|
||||
</view>
|
||||
<!-- <image :src="form.headImg" style="width: 100%;height: 100%;"></image>
|
||||
<view style="z-index: 9;position: absolute;top: -15rpx;right: -15rpx;"
|
||||
@click="headImgremove(index)">
|
||||
<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin-top" @click="addImage(4)" v-if="form.headImg.length<=0">
|
||||
<view style="width: 200rpx;height: 200rpx;background: #f7f8fa;"
|
||||
class="flex justify-center align-center">
|
||||
<view>
|
||||
<view class="text-center">
|
||||
<image src="../../static/images/my/avatar.png" style="width: 80rpx;height: 80rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="text-center add-word">添加头像</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<view class="tabbar" style="background: linear-gradient(to right, #019c88, #2dbe93); border-radius: 50rpx;"
|
||||
@click="submit()" v-if="renzheng == 0||renzheng==3">提交</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as websocketUtils from 'utils/websocketUtils.js';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showAgree: false,
|
||||
form: {
|
||||
consortiaName: '',
|
||||
consortiaContent:'',
|
||||
phone: '',
|
||||
labels:'',
|
||||
consortiaId:'',
|
||||
//头像上传
|
||||
headImg: '',
|
||||
},
|
||||
|
||||
// disabled: false,
|
||||
lableStyle: {
|
||||
color: '#000000',
|
||||
fontSize: '30upx'
|
||||
},
|
||||
customStyle: {
|
||||
backgroundColor: '#005DFF',
|
||||
color: '#ffffff',
|
||||
border: 0
|
||||
},
|
||||
customStyle1: {
|
||||
backgroundColor: '#ccc',
|
||||
color: '#000000',
|
||||
border: 0
|
||||
},
|
||||
renzheng: '',
|
||||
|
||||
show: false,
|
||||
|
||||
showData: false,
|
||||
|
||||
//头像上传
|
||||
headImg: [],
|
||||
showpay: false,
|
||||
openLists: [],
|
||||
openWay: 1,
|
||||
typeId: '',
|
||||
closeable: true,
|
||||
XCXIsSelect: '否',
|
||||
renzhengStatus: false,
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
getData(){
|
||||
var that=this;
|
||||
|
||||
that.$Request.get('/app/consortia/selectConsortiaUserId').then(res => {
|
||||
if (res.code == 0) {
|
||||
that.form.consortiaName = res.data.consortiaName ? res.data.consortiaName : ''
|
||||
that.form.consortiaContent = res.data.consortiaContent ? res.data.consortiaContent : ''
|
||||
that.form.phone = res.data.phone ? res.data.phone : ''
|
||||
that.form.labels=res.data.tags ? res.data.tags : ''
|
||||
that.form.headImg=res.data.logo ? res.data.logo : ''
|
||||
that.form.consortiaId=res.data.consortiaId ? res.data.consortiaId : ''
|
||||
console.log("that.form",that.form)
|
||||
}
|
||||
})
|
||||
},
|
||||
headImgremove(index) {
|
||||
this.form.headImg = ''
|
||||
},
|
||||
submit() {
|
||||
if (!this.form.consortiaName) {
|
||||
uni.showToast({
|
||||
title: '请输入真实姓名',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
})
|
||||
return;
|
||||
}
|
||||
if (!this.form.phone) {
|
||||
uni.showToast({
|
||||
title: '请输入联系方式',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
})
|
||||
return;
|
||||
}
|
||||
if (!this.form.headImg) {
|
||||
uni.showToast({
|
||||
title: '请上传头像',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
})
|
||||
return;
|
||||
}
|
||||
let data = {
|
||||
consortiaId:this.form.consortiaId,
|
||||
consortiaName: this.form.consortiaName,
|
||||
phone: this.form.phone,
|
||||
tags:this.form.labels,
|
||||
logo: this.form.headImg,
|
||||
consortiaContent:this.form.consortiaContent,
|
||||
}
|
||||
this.$Request.postJson("/app/consortia/updateConsortia", data).then(res => {
|
||||
if (res.code == 0) {
|
||||
uni.showToast({
|
||||
title: '修改成功！',
|
||||
icon: 'none'
|
||||
})
|
||||
setTimeout(function() {
|
||||
uni.switchTab({
|
||||
url: '/pages/my/index'
|
||||
})
|
||||
}, 1000)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
addImage(e) {
|
||||
let that = this
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
sourceType: ['album', 'camera'],
|
||||
success: res => {
|
||||
for (let i = 0; i < res.tempFilePaths.length; i++) {
|
||||
that.$queue.showLoading("上传中...");
|
||||
uni.uploadFile({ // 上传接口
|
||||
url: websocketUtils.uploadFileUrl(), //真实的接口地址
|
||||
filePath: res.tempFilePaths[i],
|
||||
name: 'file',
|
||||
success: (uploadFileRes) => {
|
||||
if (e == 1) {
|
||||
that.form.front = JSON.parse(uploadFileRes.data).data
|
||||
} else if (e == 2) {
|
||||
that.form.back = JSON.parse(uploadFileRes.data).data
|
||||
} else if (e == 4) {
|
||||
that.form.headImg = JSON.parse(uploadFileRes.data).data
|
||||
console.log(that.form.headImg)
|
||||
}
|
||||
uni.hideLoading();
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page {
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
|
||||
.bg {
|
||||
width: 94%;
|
||||
margin:30rpx auto;
|
||||
background-color: #FFFFFF;
|
||||
padding: 20rpx 36rpx;
|
||||
border-radius: 26rpx;
|
||||
|
||||
}
|
||||
.add-word{
|
||||
font-size: 26rpx;
|
||||
color: #afb5c1;
|
||||
}
|
||||
.skbox {}
|
||||
|
||||
.skleft {
|
||||
width: 160rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.u-form-item {
|
||||
padding: 10rpx !important;
|
||||
}
|
||||
|
||||
.u-form-item--right__content__slot {
|
||||
flex: 200rpx 1 !important;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding-left: 30upx;
|
||||
font-size: 24upx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.u-input__input {
|
||||
color: balck !important;
|
||||
}
|
||||
|
||||
.title_btn {
|
||||
height: 78upx;
|
||||
line-height: 78upx;
|
||||
/* background: #f7f7f7; */
|
||||
}
|
||||
|
||||
.tabbar {
|
||||
width: 690upx;
|
||||
height: 86upx;
|
||||
background: #019c88;
|
||||
border-radius: 8upx;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
line-height: 86upx;
|
||||
color: #FFFFFF;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.popup_pay {
|
||||
|
||||
width: 100%;
|
||||
position: relative;
|
||||
padding-bottom: 45rpx;
|
||||
/* height: 160px; */
|
||||
/* #ifndef MP-WEIXIN */
|
||||
/* height: 130px; */
|
||||
/* #endif */
|
||||
|
||||
}
|
||||
|
||||
.pay_btn {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
background: #1777FF;
|
||||
height: 80rpx;
|
||||
border-radius: 16rpx;
|
||||
color: #ffffff;
|
||||
line-height: 80rpx;
|
||||
|
||||
}
|
||||
|
||||
.hb {
|
||||
/* #ifdef H5 */
|
||||
padding-bottom: 180rpx;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.bgCol2 {
|
||||
color: #557EFD;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,865 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="header">
|
||||
<view class="header-top" :style="backgroundStyle" @click="goNav('/my/vip/index')">
|
||||
|
||||
</view>
|
||||
<view class="header-bottom">
|
||||
<view class="header-bottom-top">
|
||||
<view class="header-bottom-title">
|
||||
<view class="header-bottom-title-text">
|
||||
<span>{{mainData.consortiaName}}</span>
|
||||
</view>
|
||||
<view class="xiugai" @click="xiugai">
|
||||
修改
|
||||
</view>
|
||||
</view>
|
||||
<view class="shop_label" v-if="labels">
|
||||
<span v-for="(item,index) in labels" :key="index">{{item}}</span>
|
||||
</view>
|
||||
<view class="header-bottom-title">
|
||||
<view class="header-bottom-title-text1">
|
||||
<span><image src="../../static/index/phone.png" class="shop-img"></span>
|
||||
<span>商家电话：</span>
|
||||
<span>{{mainData.phone}}</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-view-jianjie">
|
||||
{{mainData.consortiaContent}}
|
||||
</view>
|
||||
|
||||
<view class="header-bottom-money-view">
|
||||
<view class="shop-bottom-money1">
|
||||
<image src="../../static/index/clock.png" class="shop-img"></image><span class="shop-bottom-text">营业中</span>
|
||||
<view><span>营业时间：</span><span>{{mainData.yysj}}</span></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="shop-qualifi">
|
||||
<view class="shop-tis">经营资质备案</view>
|
||||
<view class="view-more"></view>
|
||||
</view>
|
||||
|
||||
<view class="detail-foot">
|
||||
<view class="detail-foot-nav">
|
||||
<span class="detail-foot-nav-text">资质证书</span>
|
||||
<span class="detail-foot-nav-bor"></span>
|
||||
</view>
|
||||
<view class="detail-foot-mian detail-pad">
|
||||
<image class="detail-foot-mian-img" v-for="(item,index) in qualificationCertificate" :key="index" :src="item" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detail-foot">
|
||||
<view class="detail-foot-nav">
|
||||
<span class="detail-foot-nav-text">营业执照</span>
|
||||
<span class="detail-foot-nav-bor"></span>
|
||||
</view>
|
||||
<view class="detail-foot-mian detail-pad">
|
||||
<image class="detail-foot-mian-img" v-for="(item,index) in businessLicense" :key="index" :src="item" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
detailData:[],
|
||||
dataList:[],
|
||||
mainData:[],
|
||||
isVIP:false,
|
||||
contentImg:[],
|
||||
// 背景图片的URL可以是动态的，比如从API获取或根据条件生成
|
||||
backgroundImageUrl: '',
|
||||
couponId:'',
|
||||
couponData:[],
|
||||
checkbox:false,
|
||||
showpay:false,
|
||||
closeable: true,
|
||||
openWay: 1,
|
||||
paySel: 0,
|
||||
tpayMoney: '',
|
||||
mainId:'',
|
||||
serviceCount:'',
|
||||
labels:[],
|
||||
businessLicense:[],
|
||||
qualificationCertificate:[]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
backgroundStyle() {
|
||||
return {
|
||||
backgroundImage: `url(${this.backgroundImageUrl})`,
|
||||
backgroundSize: 'cover', // 根据需要调整
|
||||
};
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
var that=this;
|
||||
that.dataList=e;
|
||||
that.isVIP=this.$queue.getData('isVIP');
|
||||
that.getData()
|
||||
},
|
||||
onShow() {
|
||||
},
|
||||
methods:{
|
||||
xiugai(){
|
||||
uni.navigateTo({
|
||||
url: '/pages/my/shangjiaInp'
|
||||
})
|
||||
},
|
||||
goNav(e) {
|
||||
uni.navigateTo({
|
||||
url: e
|
||||
})
|
||||
},
|
||||
|
||||
getData(){
|
||||
var that=this;
|
||||
let data = {
|
||||
consortiaId: that.dataList.id,
|
||||
}
|
||||
that.$Request.get('/app/consortia/selectConsortiaUserId',).then(res => {
|
||||
if (res.code == 0) {
|
||||
that.mainData=res.data;
|
||||
that.qualificationCertificate=that.mainData.qualificationCertificate.split(",");
|
||||
that.businessLicense=that.mainData.businessLicense.split(",");
|
||||
that.backgroundImageUrl=that.mainData.logo;
|
||||
that.labels=that.mainData.tags.split(',');
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.xiugai{
|
||||
width: 72px;
|
||||
height: 28px;
|
||||
background: #18A689;
|
||||
border-radius: 14px;
|
||||
text-align: center;
|
||||
line-height: 32px;
|
||||
color: #fff;
|
||||
height: 32px;
|
||||
}
|
||||
.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; */
|
||||
}
|
||||
.lab-view{
|
||||
width:100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.detail-foot-mian-txet{
|
||||
width: 50%;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
/deep/uni-checkbox .uni-checkbox-input{
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.header-fubz{
|
||||
font-size: 26rpx;
|
||||
color: #029c88;
|
||||
font-weight: bold;
|
||||
}
|
||||
.youhui-img{
|
||||
width: 111.81rpx;
|
||||
height: 111.81rpx;
|
||||
}
|
||||
.youhui-view-right-btn{
|
||||
width: 158rpx;
|
||||
height: 64rpx;
|
||||
background: linear-gradient(-90deg, #019C88, #2DC48E);
|
||||
border-radius: 32rpx;
|
||||
text-align: center;
|
||||
line-height: 64rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0rpx 2rpx 4rpx rgba(0,119,104,0.44);
|
||||
margin-left: 10px;
|
||||
}
|
||||
.youhui-view-right-time{
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.youhui-view-right-title{
|
||||
width: 105px;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.youhui-view-right-top{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.youhui-view-right{
|
||||
width: 502.08rpx;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.youhui-view-left-bottom{
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.youhui-view-left-yuan{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: baseline;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.youhui-view-left-num{
|
||||
font-weight: bold;
|
||||
font-size: 89rpx;
|
||||
}
|
||||
.youhui-view-left-text{
|
||||
font-weight: bold;
|
||||
font-size:24.31rpx;
|
||||
}
|
||||
.youhui-view-left{
|
||||
width: 199rpx;
|
||||
height: 242rpx;
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.youhui-yiyong{
|
||||
/* background-image: url('../../static/youhuijuan/coupons7.png'); */
|
||||
}
|
||||
.youhui-weiyong{
|
||||
/* background-image: url('../../static/youhuijuan/coupons1.png'); */
|
||||
}
|
||||
.youhui-list{
|
||||
width: 95%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 242rpx;
|
||||
border-radius: 21rpx;
|
||||
background-size: 100%;
|
||||
margin: 20px auto;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.popup_pay {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
padding-bottom: 45rpx;
|
||||
/* height: 400px; */
|
||||
/* height: 160px; */
|
||||
/* #ifndef MP-WEIXIN */
|
||||
/* height: 130px; */
|
||||
/* #endif */
|
||||
|
||||
}
|
||||
.pay_btn {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||
height: 80rpx;
|
||||
border-radius: 60rpx;
|
||||
color: #ffffff;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
.dingdan-btn{
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border-radius: 4px;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
.dingdan-btn-l{
|
||||
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.dingdan-btn-h{
|
||||
background: #666;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.tese span:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 22rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.tese span:nth-child(2){
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #8D9194;
|
||||
}
|
||||
.tese{
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.detail-foot-nav-bor{
|
||||
width: 64px;
|
||||
height: 11rpx;
|
||||
border-radius: 6rpx;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background: linear-gradient(90deg,rgba(28, 177, 143,0.3),rgba(0, 157, 136,0.7));
|
||||
}
|
||||
.detail-foot-nav-text{
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.detail-foot-nav{
|
||||
width: 90%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
}
|
||||
.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: 12px;
|
||||
color: #FFFFFF;
|
||||
text-align: right;
|
||||
line-height: 32px;
|
||||
padding-right: 15px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.detail-foot-list-top{
|
||||
width: 95%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 25px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.detail-foot-list{
|
||||
border-radius: 21rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.detail-foot{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.detail-foot-list-top span:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 31rpx;
|
||||
color: #3F3F3F;
|
||||
}
|
||||
.detail-foot-list-top span:nth-child(2){
|
||||
width: 76rpx;
|
||||
height: 33rpx;
|
||||
line-height: 33rpx;
|
||||
text-align: center;
|
||||
border-radius: 16rpx;
|
||||
border: 1px solid #7D7D7D;
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
color: #777777;
|
||||
margin: 0px 25px 0px 5px;
|
||||
}
|
||||
.detail-foot-list-top span:nth-child(3){
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #777777;
|
||||
}
|
||||
.detail-foot-mian{
|
||||
margin: 0 auto;
|
||||
width: 94%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 auto;
|
||||
border-radius: 21rpx;
|
||||
background: #fff;
|
||||
}
|
||||
.detail-foot-mian1{
|
||||
width: 94%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 auto;
|
||||
border-radius: 21rpx;
|
||||
background: #fff;
|
||||
}
|
||||
.detail-pad{
|
||||
padding: 30rpx;
|
||||
}
|
||||
.header-bottom-title-liao{
|
||||
padding: 3px 8px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
|
||||
border-radius: 7px;
|
||||
margin-left: 5px;
|
||||
font-size: 10px;
|
||||
border-top-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
.detail-btn{
|
||||
width:95%;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||
border-radius: 46rpx;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.detail-foot-mian-txet span:nth-child(1){
|
||||
color: #777777;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.detail-foot-mian-txet span:nth-child(2){
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
margin-bottom:3px;
|
||||
}
|
||||
.detail-foot-mian-txetList{
|
||||
color: #777777;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.detail-foot-mian-img{
|
||||
width: 100%;
|
||||
height:auto;
|
||||
}
|
||||
.detail-foot-mian-top-bottom{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.detail-foot-mian-top-title{
|
||||
color: #333333;
|
||||
}
|
||||
.detail-foot-mian-top-text{
|
||||
color: #777777;
|
||||
width:80%;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.detail-foot-mian-top,.detail-foot-mian-top-bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.header-bottom-title-bottom span{
|
||||
font-weight: bold;
|
||||
font-size: 26rpx;
|
||||
color: #20AB95;
|
||||
}
|
||||
.header-bottom-title-bottom image{
|
||||
width: 34.03rpx;
|
||||
height: 30.56rpx;
|
||||
margin-right: 3px;
|
||||
}
|
||||
.header-bottom-title-bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
.shouc image{
|
||||
width: 34.03rpx;
|
||||
height: 32.64rpx;
|
||||
}
|
||||
|
||||
.shouc{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.detail-foot-nav-text{
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.detail-foot-nav{
|
||||
width: 90%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
margin-bottom: 16px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.tese span:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 22rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.tese span:nth-child(2){
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #8D9194;
|
||||
}
|
||||
.tese{
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.detail-foot-list-top span:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 31rpx;
|
||||
color: #3F3F3F;
|
||||
}
|
||||
.detail-foot-list-top span:nth-child(2){
|
||||
width: 76rpx;
|
||||
height: 33rpx;
|
||||
line-height: 33rpx;
|
||||
text-align: center;
|
||||
border-radius: 16rpx;
|
||||
border: 1px solid #7D7D7D;
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
color: #777777;
|
||||
margin: 0px 25px 0px 5px;
|
||||
}
|
||||
.detail-foot-list-top span:nth-child(3){
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
|
||||
.jianjie{
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #8D9194;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.header-bottom-mian{
|
||||
margin: 10px 0px;
|
||||
}
|
||||
.header-bottom-mian-title{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.header-bottom-mian-title span{
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #20AB95;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.header-bottom-mian-title image{
|
||||
width: 30.56rpx;
|
||||
height: 29.86rpx;
|
||||
}
|
||||
.header-bottom-foot-view-img1{
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
.header-bottom-foot-view-img2{
|
||||
width: 23rpx;
|
||||
height: 23rpx;
|
||||
}
|
||||
.header-bottom-foot-view-img3{
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
}
|
||||
.header-bottom-foot-view image{
|
||||
margin-right: 1px;
|
||||
}
|
||||
.header-bottom-foot-view{
|
||||
width: 32%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
background-color: rgba(230, 246, 243, 1);
|
||||
border-radius: 15px;
|
||||
font-weight: 400;
|
||||
font-size: 10px;
|
||||
color: #029c88;
|
||||
}
|
||||
.header-bottom-foot-title{
|
||||
width:100%;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
font-size: 23rpx;
|
||||
color: #08A28A;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.header-bottom-foot-cont{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.header-bottom-foot{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.header-bottom-money-jia{
|
||||
font-size: 28rpx;
|
||||
color: #848484;
|
||||
line-height: 37rpx;
|
||||
margin-left: 5px;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.header-bottom-money-zhen span{
|
||||
color: #F95900;
|
||||
}
|
||||
.header-bottom-money-zhen span:nth-child(1){
|
||||
font-size: 25rpx;
|
||||
}
|
||||
.header-bottom-money-zhen span:nth-child(2){
|
||||
font-size:40rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.header-bottom-money-zhen span:nth-child(3){
|
||||
font-size: 25rpx;
|
||||
}
|
||||
.header-bottom-money-zhen{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.header-bottom-money-view{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top:5px;
|
||||
}
|
||||
.header-bottom-money{
|
||||
padding: 5px 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 5rpx;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.header-bottom-money1{
|
||||
padding: 5px 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-top: 5rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.header-bottom-title-num span{
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.header-bottom-title-num span:nth-child(1){
|
||||
font-weight: bold;
|
||||
color: #08A28A;
|
||||
}
|
||||
.header-bottom-title-num span:nth-child(2){
|
||||
color: #848485;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.header-bottom-title-text{
|
||||
font-weight: bold;
|
||||
font-size: 35rpx;
|
||||
color: #13141A;
|
||||
}
|
||||
.header-bottom-title-text1{
|
||||
display: flex;
|
||||
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
|
||||
border-radius: 30rpx;
|
||||
align-items: center;
|
||||
margin: 10rpx 0;
|
||||
|
||||
}
|
||||
.header-bottom-title-text1 span:nth-child(1){
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
.header-bottom-title-text1 span:nth-child(2){
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin-left: 8rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.header-bottom-title-text1 span:nth-child(3){
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin-right: 15rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.header-bottom-title{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.header-bottom-top{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.header-bottom{
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
padding: 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.header-top image{
|
||||
width: 706.25rpx;
|
||||
height: 105.07rpx;
|
||||
}
|
||||
.header-top{
|
||||
width: 100%;
|
||||
height: 745.83rpx;
|
||||
/* background-image: url('../../static/servicePackage/display.png'); */
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
}
|
||||
.header{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.content{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
.btn {
|
||||
background: linear-gradient(to right, rgb(1, 156, 136), rgb(49, 193, 148));
|
||||
color: rgb(255, 255, 255);
|
||||
margin: 8px 16px;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
width: 90%;
|
||||
border-radius: 27px;
|
||||
height: 43px;
|
||||
line-height: 43px;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
}
|
||||
.shop_label{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.shop-img{
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
.shop-bottom-text{
|
||||
color: #019c88;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.shop-bottom-money1{
|
||||
padding: 5px 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.view-more{
|
||||
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);
|
||||
}
|
||||
.shop-qualifi{
|
||||
background: #fff;
|
||||
margin: 10rpx auto;
|
||||
padding: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.shop-tis{
|
||||
font-size: 30rpx;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
Loading…
Reference in New Issue