admin1/jiangchengfeiyi-xiaochengxu
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of http://154.8.193.216:3030/admin1/jiangchengfeiyi-xiaochengxu

Browse Source
This commit is contained in:
yuanteng0011 2024-12-18 19:40:56 +08:00
commit 983276be5c
3 changed files with 1097 additions and 990 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

539
pages/booking/CostumeDisplay/CostumeDisplay.vue
View File

@ -1,223 +1,442 @@
<template>
<!-- <view v-for="(item,index) in label" >
<view>{{item.name}}</view>
<image :src="item.image"></image>
<view>{{item.intro}}</view>
<view>{{item.price}}</view>
</view> -->
<!-- <template>
<view class="flex-col page">
<view class="flex-col section">
<text class="self-start text">服装展示</text>
<view class="flex-col self-stretch mt-21">
<view class="flex-row items-center mt-10 list-item" v-for="(item, index) in label" :key="index" @click="goToText(index)">
<image
class="shrink-0 image_2"
:src="item.image"
/>
<view class="flex-col flex-1 ml-11">
<view class="flex-col self-stretch">
<view class="flex-row justify-end self-stretch group">
<text class="font">详细信息</text>
<image
class="image"
:src="item.image"
/>
</view>
<text class="self-start font_2 text_2 mt-3">{{item.name}}</text>
</view>
<view class="self-stretch group_2 mt-5">
<text class="font_4">服装简介：</text>
<text class="font_3">
{{item.intro}}
</text>
</view>
<text class="self-end font_5 mt-5">￥{{item.price}}</text>
</view>
</view>
</view>
</view>
<view class="mt-48 flex-row items-center section_2">
<view class="flex-col items-center shrink-0 section_3">
<image
class="image_3"
src="https://ide.code.fun/api/image?token=674eb236797f850011f0c44a&name=4b56fed14a39630ca2312edf6e34c024.png"
/>
<text class="mt-2 text_4">客服</text>
</view>
<view class="ml-34 flex-col justify-start items-center flex-1 text-wrapper">
<text class="text_3">现在去预约</text>
</view>
</view>
<view class="flex-col section">
<text class="self-start text">服装展示</text>
<view class="flex-col self-stretch mt-21">
<view class="flex-row items-center mt-10 list-item" v-for="(item, index) in label" :key="index"
@click="goToText(index)">
<image class="shrink-0 image_2" :src="item.image" />
<view class="flex-col flex-1 ml-11">
<view class="flex-col self-stretch">
<view class="flex-row justify-end self-stretch group">
<text class="font">详细信息</text>
<image class="image" :src="item.image" />
</view>
<text class="self-start font_2 text_2 mt-3">{{item.name}}</text>
</view>
<view class="self-stretch group_2 mt-5">
<text class="font_4">服装简介：</text>
<text class="font_3">
{{item.intro}}
</text>
</view>
<text class="self-end font_5 mt-5">￥{{item.price}}</text>
</view>
</view>
</view>
</view>
<view class="mt-48 flex-row items-center section_2">
<view class="flex-col items-center shrink-0 section_3">
<image class="image_3"
src="https://ide.code.fun/api/image?token=674eb236797f850011f0c44a&name=4b56fed14a39630ca2312edf6e34c024.png" />
<text class="mt-2 text_4">客服</text>
</view>
<view class="ml-34 flex-col justify-start items-center flex-1 text-wrapper">
<text class="text_3">现在去预约</text>
</view>
</view>
</view>
</template>
<script setup>
import { ref,onMounted } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { baseUrl } from '../../../api/request';
const list = ref([{}])
const label = ref([{}])
onMounted(()=>{
getLabel()
})
onLoad((options)=>{
list.value = JSON.parse(options.info)
console.log(list.value,'id')
})
const getLabel = async ()=>{
const res = await uni.request({
url:baseUrl + '/clothesInfo/list/label',
method:'POST',
header:{
cookie:wx.getAccountInfoSync('cookie')
},
data:{
id:list.value
}
import {
ref,
onMounted
} from 'vue'
import {
onLoad
} from '@dcloudio/uni-app'
import {
baseUrl
} from '../../../api/request';
const list = ref([{}])
const label = ref([{}])
onMounted(() => {
getLabel()
})
console.log(res)
if(res.data.code === 1){
label.value = res.data.data
}else{
uin.showtoast({
icon:'error',
title:'获取失败'
onLoad((options) => {
list.value = JSON.parse(options.info)
console.log(list.value, 'id')
})
const getLabel = async () => {
const res = await uni.request({
url: baseUrl + '/clothesInfo/list/label',
method: 'POST',
header: {
cookie: wx.getAccountInfoSync('cookie')
},
data: {
id: list.value
}
})
console.log(res)
if (res.data.code === 1) {
label.value = res.data.data
} else {
uin.showtoast({
icon: 'error',
title: '获取失败'
})
}
}
}
const goToText = (index)=>{
uni.navigateTo({
url:"/pages/booking/CostumeDetails/CostumeDetails?info=" + JSON.stringify(label.value[index].id)
})
console.log(label.value[index].id)
}
const goToText = (index) => {
uni.navigateTo({
url: "/pages/booking/CostumeDetails/CostumeDetails?info=" + JSON.stringify(label.value[index].id)
})
console.log(label.value[index].id)
}
</script>
<style lang="scss" scoped>
.mt-21 {
margin-top: 39.38rpx;
margin-top: 39.38rpx;
}
.ml-11 {
margin-left: 20.63rpx;
margin-left: 20.63rpx;
}
.mt-3 {
margin-top: 5.63rpx;
margin-top: 5.63rpx;
}
.mt-5 {
margin-top: 9.38rpx;
margin-top: 9.38rpx;
}
.page {
padding-top: 69.38rpx;
background-color: #f5f5dc;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
padding-top: 69.38rpx;
background-color: #f5f5dc;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section {
margin: 0 18.75rpx;
padding: 37.5rpx 30rpx 129.38rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
margin: 0 18.75rpx;
padding: 37.5rpx 30rpx 129.38rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
}
.text {
color: #000000;
font-size: 30rpx;
font-family: Open Sans;
line-height: 27.71rpx;
color: #000000;
font-size: 30rpx;
font-family: Open Sans;
line-height: 27.71rpx;
}
.list-item {
padding: 22.5rpx 22.5rpx 22.5rpx 30rpx;
background-color: #fff3c3;
border-radius: 9.38rpx;
padding: 22.5rpx 22.5rpx 22.5rpx 30rpx;
background-color: #fff3c3;
border-radius: 9.38rpx;
}
.list-item:first-child {
margin-top: 0;
margin-top: 0;
}
.image_2 {
border-radius: 9.38rpx;
width: 148.13rpx;
height: 165rpx;
border-radius: 9.38rpx;
width: 148.13rpx;
height: 165rpx;
}
.group {
padding: 0 3.75rpx;
padding: 0 3.75rpx;
}
.font {
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 17.44rpx;
color: #323232;
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 17.44rpx;
color: #323232;
}
.image {
width: 15rpx;
height: 15rpx;
width: 15rpx;
height: 15rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #323232;
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #323232;
}
.text_2 {
line-height: 24.26rpx;
line-height: 24.26rpx;
}
.group_2 {
line-height: 22.5rpx;
line-height: 22.5rpx;
}
.font_4 {
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #323232;
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #323232;
}
.font_3 {
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #828282;
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #828282;
}
.font_5 {
font-size: 33.75rpx;
font-family: Times New Roman;
line-height: 24.73rpx;
color: #ff3c3c;
font-size: 33.75rpx;
font-family: Times New Roman;
line-height: 24.73rpx;
color: #ff3c3c;
}
.section_2 {
background-color: #fffef8;
position: fixed;
bottom: 0;
width: 100%;
background-color: #fffef8;
position: fixed;
bottom: 0;
width: 100%;
}
.section_3 {
padding: 15rpx 0;
background-color: #ffc470;
width: 118.13rpx;
height: 114.38rpx;
padding: 15rpx 0;
background-color: #ffc470;
width: 118.13rpx;
height: 114.38rpx;
}
.image_3 {
width: 52.5rpx;
height: 52.5rpx;
width: 52.5rpx;
height: 52.5rpx;
}
.text_4 {
color: #fffef8;
font-size: 26.25rpx;
font-family: Inter;
line-height: 24.17rpx;
color: #fffef8;
font-size: 26.25rpx;
font-family: Inter;
line-height: 24.17rpx;
}
.text-wrapper {
margin-right: 26.25rpx;
padding: 26.25rpx 0;
background-color: #fbb612;
border-radius: 75rpx;
height: 82.5rpx;
margin-right: 26.25rpx;
padding: 26.25rpx 0;
background-color: #fbb612;
border-radius: 75rpx;
height: 82.5rpx;
}
.text_3 {
color: #ffffff;
font-size: 30rpx;
font-family: Inter;
line-height: 27.86rpx;
color: #ffffff;
font-size: 30rpx;
font-family: Inter;
line-height: 27.86rpx;
}
@import url("../../../common/css/global.css");
</style>
</style> -->
<template>
<view class="flex-col justify-start relative page">
<view class="shrink-0 section"></view>
<view class="flex-col justify-start items-center text-wrapper pos"><text class="text">服装详情</text></view>
<view class="flex-col pos_2">
<view class="flex-row items-center list-item" v-for="(item, index) in label" :key="index" @click="goToText(index)">
<image class="shrink-0 image"
:src="item.image" />
<view class="flex-col flex-1 ml-5">
<text class="self-start font">{{item.name}}</text>
<text class="self-start font_2 text_2">
{{item.intro}}
</text>
<text class="self-end font_3 text_3">￥{{item.price}}</text>
</view>
</view>
</view>
<view class="flex-row justify-between items-center section_4 pos_3">
<view class="flex-col items-center">
<image class="image_2"
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=a18599a262f28b8e3d504092795de649.png" />
<text class="text_5 mt-3">客服</text>
</view>
<view class="flex-col justify-start items-center text-wrapper_2"><text class="font text_4">现在去预约</text>
</view>
</view>
</view>
</template>
<script setup>
import {
ref,
onMounted
} from 'vue'
import {
onLoad
} from '@dcloudio/uni-app'
import {
baseUrl
} from '../../../api/request';
const list = ref([{}])
const label = ref([{}])
onMounted(() => {
getLabel()
})
onLoad((options) => {
list.value = JSON.parse(options.info)
console.log(list.value, 'id')
})
const getLabel = async () => {
const res = await uni.request({
url: baseUrl + '/clothesInfo/list/label',
method: 'POST',
header: {
cookie: wx.getAccountInfoSync('cookie')
},
data: {
id: list.value
}
})
console.log(res)
if (res.data.code === 1) {
label.value = res.data.data
} else {
uin.showtoast({
icon: 'error',
title: '获取失败'
})
}
}
const goToText = (index) => {
uni.navigateTo({
url: "/pages/booking/CostumeDetails/CostumeDetails?info=" + JSON.stringify(label.value[index].id)
})
console.log(label.value[index].id)
}
</script>
<style lang="scss" scoped>
.ml-5 {
margin-left: 9.38rpx;
}
.mt-3 {
margin-top: 5.63rpx;
}
.page {
background-color: #ffffff;
overflow: hidden;
background-image: url('https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=7f5f6eb3a306f1097a8541736adfb354.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section {
background-image: url('https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=7f5f6eb3a306f1097a8541736adfb354.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width: 750rpx;
height: 1659.38rpx;
}
.text-wrapper {
padding: 26.25rpx 0 22.5rpx;
background-color: #ebe7e480;
}
.pos {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.text {
color: #000000;
font-size: 37.5rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 36.34rpx;
}
.pos_2 {
position: absolute;
left: 45rpx;
right: 37.5rpx;
top: 150rpx;
}
.list-item {
padding: 0 7.5rpx;
background-color: #ffffff;
border-radius: 18.75rpx;
}
.image {
width: 161.25rpx;
height: 219.38rpx;
}
.font {
font-size: 28.13rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 27.69rpx;
color: #000000;
}
.font_2 {
font-size: 22.5rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 27.69rpx;
color: #00000099;
}
.text_2 {
margin-top: 18.75rpx;
line-height: 26.25rpx;
width: 427.5rpx;
}
.font_3 {
font-size: 28.13rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 18.79rpx;
color: #ff0707;
}
.text_3 {
margin-right: 18.75rpx;
}
.section_4 {
padding: 15rpx 45rpx;
background-color: #ffffff;
}
.pos_3 {
position: absolute;
left: 0;
right: 0;
position: fixed;
bottom: 0;
}
.image_2 {
width: 46.88rpx;
height: 46.88rpx;
}
.text_5 {
color: #9d2624;
font-size: 22.5rpx;
font-family: Open Sans;
line-height: 20.72rpx;
}
.text-wrapper_2 {
margin-right: 22.5rpx;
padding: 30rpx 0 26.25rpx;
background-color: #e79ea1;
border-radius: 75rpx;
width: 466.14rpx;
height: 82.5rpx;
}
.text_4 {
color: #ffffff;
font-size: 30rpx;
line-height: 27.43rpx;
}
@import url("../../../common/css/global.css");
// </style>

641
pages/mine/mineorders/mineorders.vue
View File

@ -1,106 +1,85 @@
<template>
<view class="flex-col page">
<view class="flex-col section">
<view class="flex-col justify-start section_2">
<view class="flex-row justify-center items-center section_3">
<image class="image"
src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=49977e5fbfb65cc3b62ce79b9d6705a2.png" />
<text class="ml-4 font text">搜索订单</text>
</view>
</view>
<view class="flex-col section_4">
<view class="flex-row justify-between self-stretch group">
<view class="font_2" :class="{ active: orderStatus === '全部', selected: isSelected('全部') }"
@click="changeTab('全部')">
全部
</view>
<view class="font_2" :class="{ active: orderStatus === '待支付', selected: isSelected('待支付') }"
@click="changeTab('待支付')">
待支付
</view>
<view class="font_2" :class="{ active: orderStatus === '待发货', selected: isSelected('待发货') }"
@click="changeTab('待发货')">
待发货
</view>
<view class="font_2" :class="{ active: orderStatus === '已发货', selected: isSelected('已发货') }"
@click="changeTab('已发货')">
已发货
</view>
<view class="font_2" :class="{ active: orderStatus === '售后', selected: isSelected('售后') }"
@click="changeTab('售后')">
售后
</view>
</view>
</view>
<view class="flex-row relative page">
<view class="flex-row justify-center items-center section_2 pos">
<image class="image"
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=49977e5fbfb65cc3b62ce79b9d6705a2.png" />
<text class="font text ml-4">搜索订单</text>
</view>
<view class=" mt-11">
<view v-for="(order, index) in Status.displayedOrders" :key="order.id" class="text_7"
@click="goToText(index)">
<text class="self-end font_66">等待卖家发货</text>
<view class="flex-row items-baseline self-stretch group_2">
<text class="font_4 text_5">订单编号：</text>
<text class="font_4 text_6 ml-5">E20241005095840091406189</text>
<view class="flex-col section_44">
<view class="flex-row justify-between self-stretch groupp">
<view class="font_22" :class="{ active: orderStatus === '全部', selected: isSelected('全部') }"
@click="changeTab('全部')">
全部
</view>
<view class="flex-row self-stretch group_3">
<!-- <image class="image_2"
src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=5875e21da70a62be74e9dcc2c322ece9.png" /> -->
<view v-for="item in order.orderItemList" :key="item.id">
<image :src="item.goodSnapshot.goodImg" class="image_2"></image>
</view>
<view class="flex-col self-start">
<view class="name">
<!-- <text class="font text_7">非遗绒花</text> -->
<view view v-for="item in order.orderItemList" :key="item.id" class="font text_7">
{{ item.goodSnapshot.name }}
</view>
<!-- <text class="ml-4 font text_8">【材料包】</text> -->
<view view v-for="item in order.orderItemList" :key="item.id" class=" font text_8">
【{{ item.goodSnapshot.type }}】
</view>
<view class="font_22" :class="{ active: orderStatus === '待支付', selected: isSelected('待支付') }"
@click="changeTab('待支付')">
待支付
</view>
<view class="font_22" :class="{ active: orderStatus === '待发货', selected: isSelected('待发货') }"
@click="changeTab('待发货')">
待发货
</view>
<view class="font_22" :class="{ active: orderStatus === '已发货', selected: isSelected('已发货') }"
@click="changeTab('已发货')">
已发货
</view>
<view class="font_22" :class="{ active: orderStatus === '已退款', selected: isSelected('已退款') }"
@click="changeTab('已退款')">
售后/退款
</view>
</view>
<view class="flex-col pos_8">
<view class="flex-col section_4 list-item_1 mt-14" v-for="(order, index) in Status.displayedOrders"
:key="order.id" @click="goToText(index)">
<view class="flex-col">
<!-- <text class="self-end font_3 text_5">交易关闭</text> -->
<view class="flex-row items-center self-stretch mt-2">
<text class="font_4">订单编号：</text>
<text class="font_5 ml-5">{{order.orderNumber}}</text>
</view>
<text class="self-start font_4 text_11 mt-11">已选种类：紫色</text>
</view>
<view style="margin-left: 130px;">
<view>
<view view v-for="item in order.orderItemList" :key="item.id">
<view class="flex-col group">
<view class="flex-row justify-between list-item group_3" v-for="item in order.orderItemList"
:key="item.id">
<view class="flex-row">
<image class="image_2" :src="item.goodSnapshot.goodImg" />
<view class="flex-col self-start group_1 ml-18">
<view class="flex-row self-stretch">
<text class="font">{{ item.goodSnapshot.name }}</text>
<text class="font text_10">【{{ item.goodSnapshot.type }}】</text>
</view>
<text class="self-start font_7 text_12 mt-36">×1</text>
</view>
</view>
<view class="flex-row items-center self-start group_2">
{{ item.goodSnapshot.price }}
</view>
</view>
<text class="mt-22 self-end font text_12">×1</text>
</view>
</view>
<view class="flex-row justify-end items-center self-stretch group_5 view">
<text class="font_6 text_13">已优惠：</text>
<image class="image_3"
src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=fdc5706a15c3ea209832fbbc3f8f8100.png" />
<view class="group_6">
<text class="font_7 text_14">50</text>
<text class="font_5">.00</text>
</view>
</view>
<view class="flex-row justify-end items-center self-stretch group_5 view_2">
<text class="font_6 text_15">需付款：</text>
<image class="image_3"
src="https://ide.code.fun/api/image?token=672dbef4c471750012de4bf6&name=ea05ec17023763edb8cfe919508e0459.png" />
<view class="group_7">
<text class="font_7 text_16">88</text>
<text class="font_5 text_17">.00</text>
</view>
</view>
<view class="flex-row justify-end self-stretch group_5 view_3">
<view class="flex-col justify-start items-center text-wrapper">
<!-- <text class="font text_18">取消订单</text> -->
<view class="divider view_1"></view>
<view class="flex-row justify-end group_5">
<view v-if="order.orderStatus==='待支付'" class="font text_18">去支付</view>
<view v-if="order.orderStatus==='待发货'" class="font text_18">取消订单</view>
<view v-if="order.orderStatus==='已发货'" class="font text_18">确认收货</view>
<view v-if="order.orderStatus==='售后'" class="font text_18">售后详情</view>
<view v-if="order.orderStatus==='已退款'" class="font text_18">售后详情</view>
</view>
<view class="flex-col justify-start items-center text-wrapper_2 ml-21">
<text class="font_3 text_19">联系客服</text>
<view class="flex-row justify-end items-center view">
<text class="font_9 text_16">总 金额：</text>
<image class="image_4 image_5"
src="https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=f10bd62afae3562e9d76103ff6fb0f84.png" />
<text class="font_8 text_17">{{order.totalAmount}}</text>
</view>
<view class="flex-row justify-end group_7">
<view class="flex-col justify-start items-center text-wrapper"><text
class="font text_18">删除记录</text></view>
<view class="flex-col justify-start items-center text-wrapper_2 ml-14">
<text class="font_3">联系客服</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
@ -134,7 +113,7 @@
url: baseUrl + '/order/list',
method: 'POST',
header: {
cookie : wx.getStorageSync('cookie')
cookie: wx.getStorageSync('cookie')
},
data: {
// id:userInfo.value.userInfo.id,
@ -142,7 +121,7 @@
},
});
if (res.data.code === 1) {
console.log('res.data.data--->',res.data.data);
console.log('res.data.data--->', res.data.data);
Status.value.orders = res.data.data;
} else {
console.log('没拿到用户数据');
@ -161,8 +140,8 @@
return order.orderStatus === '待发货';
case '已发货':
return order.orderStatus === '已发货';
case '售后':
return order.orderStatus === '售后';
case '已退款':
return order.orderStatus === '已退款';
default:
return false;
}
@ -175,316 +154,352 @@
const goToText = (index) => {
console.log('下标-->', index);
uni.navigateTo({
url: '../../../pages/mine/OrderDetails/OrderDetails?info=' + JSON.stringify(Status.value.displayedOrders[index]),
url: '../../../pages/mine/OrderDetails/OrderDetails?info=' + JSON.stringify(Status.value
.displayedOrders[index]),
})
}
</script>
<style lang="scss" scoped>
.groupp {
padding: 22.5rpx 0 18.75rpx;
}
.section_44 {
padding-left: 33.75rpx;
padding-right: 30rpx;
width: 100%;
height: 120rpx;
margin-top: 80rpx;
}
.ml-5 {
margin-left: 9.38rpx;
}
.mt-11 {
margin: 10px 10px 0 10px;
.font_22.selected {
position: relative;
}
.ml-21 {
margin-left: 39.38rpx;
.font_22.selected::after {
content: '';
position: absolute;
bottom: -5px; // 调整线条距离底部的距离
left: 0;
right: 0;
height: 2px; // 调整线条的粗细
background-color: #f6aaa4; // 调整线条颜色
transition: all 0.3s ease; // 添加过渡效果
}
.name{
}
.page {
padding-bottom: 1003.13rpx;
background-color: #f8e8c1;
padding: 46.88rpx 22.5rpx 401.25rpx;
background-color: #ffffff;
background-image: url('https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=4ba8389730acda4f67d46a7370efec60.png');
background-size: 100% 100%;
background-repeat: no-repeat;
height: 2073.75rpx;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section {
background-color: #fffef8;
}
.section_2 {
padding: 15rpx 0;
background-color: #f5f5dc;
}
.section_3 {
margin: 0 35.63rpx;
padding: 9.38rpx 0;
background-color: #ffffff;
border-radius: 75rpx;
}
.pos {
position: absolute;
left: 35.63rpx;
right: 35.63rpx;
top: 46.88rpx;
}
.image {
width: 37.5rpx;
height: 37.5rpx;
}
.section_4 {
padding-left: 33.75rpx;
padding-right: 30rpx;
background-color: #fffef8;
}
.group {
padding: 22.5rpx 0 18.75rpx;
}
.font_2 {
font-size: 30rpx;
font-family: Open Sans;
line-height: 27.81rpx;
color: #323232;
}
// .font_2.selected {
// background-color: brown;
// color: white;
// }
.font_2.selected {
position: relative;
}
.font_2.selected::after {
content: '';
position: absolute;
bottom: -5px; // 调整线条距离底部的距离
left: 0;
right: 0;
height: 2px; // 调整线条的粗细
background-color: #f08b00; // 调整线条颜色
transition: all 0.3s ease; // 添加过渡效果
}
.text_2 {
line-height: 27.66rpx;
}
.text_3 {
line-height: 27.69rpx;
}
.text_4 {
line-height: 27.71rpx;
}
.section_6 {
margin: 15rpx 15rpx;
padding: 30rpx 18.75rpx 20.63rpx 24.38rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
}
.font_3 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 24.34rpx;
color: #fb8b05;
}
.font_66 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 24.34rpx;
color: #fb8b05;
float: right;
}
.group_2 {
margin-top: 18.75rpx;
}
.font_4 {
font-size: 22.5rpx;
font-family: Open Sans;
line-height: 21.99rpx;
color: #818181;
}
.text_5 {
line-height: 20.85rpx;
}
.text_6 {
line-height: 16.54rpx;
}
.group_3 {
margin-top: 30rpx;
}
.image_2 {
border-radius: 9.38rpx;
width: 160rpx;
height: 160rpx;
}
.text_11 {
line-height: 20.79rpx;
}
.group_4 {
margin-right: 15rpx;
}
.text_9 {
margin-left: 26.25rpx;
color: #323232;
font-size: 33.75rpx;
font-family: Open Sans;
font-weight: 600;
line-height: 24.88rpx;
}
.image_3 {
width: 30rpx;
height: 26.25rpx;
}
.image_4 {
margin-left: -90rpx;
}
.font_5 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 19.39rpx;
font-weight: 600;
color: #323232;
}
.text_10 {
margin-left: 60rpx;
line-height: 19.29rpx;
}
.font {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 24.34rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 25.54rpx;
color: #323232;
}
.text_8 {
line-height: 24.43rpx;
background-color: #fffef8;
}
.text_7 {
// line-height: 24.43rpx;
padding: 10px;
margin-bottom: 10px;
background-color: #fffef8;
border-radius: 20px;
}
.text {
color: #c0c0c0;
line-height: 25.84rpx;
}
.text_12 {
line-height: 18.73rpx;
.font_2 {
font-size: 30rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 28.84rpx;
color: #323232;
}
.group_5 {
padding: 0 11.25rpx;
.font_22 {
font-size: 30rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 27.81rpx;
color: #323232;
}
.view {
margin-top: 7.5rpx;
.text_2 {
line-height: 28.48rpx;
}
.font_6 {
.pos_2 {
position: absolute;
left: 33.99rpx;
top: 146.36rpx;
}
.text_3 {
line-height: 28.24rpx;
}
.pos_3 {
position: absolute;
left: 147.66rpx;
top: 146.14rpx;
}
.pos_4 {
position: absolute;
left: 295.78rpx;
top: 145.78rpx;
}
.pos_5 {
position: absolute;
right: 214.22rpx;
top: 145.78rpx;
}
.text_4 {
line-height: 29.53rpx;
}
.pos_6 {
position: absolute;
right: 34.22rpx;
top: 147.07rpx;
}
.section_3 {
background-color: #ffaaa5;
width: 73.13rpx;
height: 5.63rpx;
}
.pos_7 {
position: absolute;
left: 30rpx;
top: 182.81rpx;
}
.pos_8 {
position: absolute;
left: 22.5rpx;
right: 30rpx;
top: 217.5rpx;
}
.section_4 {
padding: 34.61rpx 15rpx 31.88rpx;
background-color: #ffffff;
border-radius: 31.88rpx;
}
.list-item_1:first-child {
margin-top: 0;
}
.font_3 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 24.34rpx;
color: #000000;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 25.54rpx;
color: #ffaaa5;
}
.text_13 {
margin-right: -7.5rpx;
line-height: 24.09rpx;
.text_5 {
margin-right: 8.08rpx;
line-height: 24.62rpx;
}
.group_6 {
line-height: 22.05rpx;
height: 22.11rpx;
.font_4 {
font-size: 22.5rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 22.14rpx;
color: #818181;
}
.font_5 {
font-size: 22.5rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 15.04rpx;
color: #818181;
}
.group {
margin-top: 29.21rpx;
}
.list-item:first-child {
margin-top: 0;
}
.image_2 {
border-radius: 9.38rpx;
width: 146.25rpx;
height: 144.38rpx;
}
.group_1 {
margin-top: 2.33rpx;
}
.text_10 {
line-height: 25.01rpx;
}
.font_7 {
font-size: 30rpx;
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 21.99rpx;
line-height: 19.29rpx;
color: #323232;
}
.text_12 {
margin-left: 5.34rpx;
line-height: 18.73rpx;
}
.group_2 {
margin-right: 8.23rpx;
margin-top: 89.19rpx;
}
.font_6 {
font-size: 33.75rpx;
font-family: Open Sans;
line-height: 25.54rpx;
font-weight: 600;
color: #323232;
}
.text_11 {
margin-left: 25.03rpx;
line-height: 24.88rpx;
}
.image_3 {
margin-left: -90.66rpx;
width: 30rpx;
height: 26.25rpx;
}
.font_8 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 19.29rpx;
font-weight: 600;
color: #323232;
}
.text_13 {
margin-left: 61.14rpx;
}
.divider {
background-color: #dad2d2;
height: 0.81rpx;
}
.view_1 {
margin: 30.43rpx 28.13rpx 0 39.38rpx;
}
.group_5 {
margin-top: 49.41rpx;
padding: 0 21.21rpx;
color: #ffaaa5;
}
.font_9 {
font-size: 26.25rpx;
font-family: FZSongKeBenXiuKaiS-R-GB;
line-height: 25.54rpx;
color: #000000;
}
.text_14 {
color: #323232;
line-height: 22.05rpx;
}
.view_2 {
margin-top: 18.75rpx;
line-height: 24.62rpx;
}
.text_15 {
margin-right: -7.5rpx;
line-height: 24.23rpx;
margin-top: 2.17rpx;
line-height: 24rpx;
}
.group_7 {
line-height: 21.99rpx;
height: 22.05rpx;
.view {
margin-top: 19.93rpx;
padding: 0 19.54rpx;
}
.text_16 {
color: #fb8b05;
margin-right: 6.99rpx;
line-height: 24.3rpx;
}
.image_4 {
width: 31.88rpx;
height: 30rpx;
}
.image_5 {
margin-right: -8.29rpx;
}
.text_17 {
color: #fb8b05;
color: #ffaaa5;
line-height: 19.39rpx;
}
.view_3 {
margin-top: 45rpx;
.group_7 {
margin-top: 52.5rpx;
padding: 0 9.38rpx;
}
.text-wrapper {
padding: 15rpx 0;
padding: 13.86rpx 0 13.52rpx;
background-color: #fffef8;
border-radius: 75rpx;
width: 155.63rpx;
height: 56.25rpx;
border-left: solid 1.88rpx #cbcbcb;
border-right: solid 1.88rpx #cbcbcb;
border-top: solid 1.88rpx #cbcbcb;
border-bottom: solid 1.88rpx #cbcbcb;
border: solid 1.88rpx #cbcbcb;
}
.text_18 {
line-height: 24.15rpx;
line-height: 25.13rpx;
}
.text-wrapper_2 {
padding: 15rpx 0;
padding: 13.46rpx 0 13.5rpx;
background-color: #fffef8;
border-radius: 75rpx;
width: 155.63rpx;
height: 56.25rpx;
border-left: solid 1.88rpx #fb8b05;
border-right: solid 1.88rpx #fb8b05;
border-top: solid 1.88rpx #fb8b05;
border-bottom: solid 1.88rpx #fb8b05;
border: solid 1.88rpx #ffaaa5;
}
.text_19 {
line-height: 24.36rpx;
.group_3 {
margin-top: 15rpx;
}
@import url(/common/css/global.css);
@import url("../../../common/css/global.css");
</style>

907
pages/syy.vue
View File

File diff suppressed because it is too large Load Diff