This commit is contained in:
sa_10_0 2024-12-04 13:33:43 +08:00
parent 3f60e6eff1
commit e2a57e1490
31 changed files with 3677 additions and 0 deletions

5
.idea/.gitignore vendored Normal file
View File

@ -0,0 +1,5 @@
# 默认忽略的文件
/shelf/
/workspace.xml
# 基于编辑器的 HTTP 客户端请求
/httpRequests/

View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

8
.idea/modules.xml Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/jiangchengfeiyi-xiaochengxu.iml" filepath="$PROJECT_DIR$/.idea/jiangchengfeiyi-xiaochengxu.iml" />
</modules>
</component>
</project>

6
.idea/vcs.xml Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="" vcs="Git" />
</component>
</project>

12
node_modules/.package-lock.json generated vendored Normal file
View File

@ -0,0 +1,12 @@
{
"name": "jiangchengfeiyi-xiaochengxu",
"lockfileVersion": 3,
"requires": true,
"packages": {
"node_modules/mitt": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
"integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="
}
}
}

5
package.json Normal file
View File

@ -0,0 +1,5 @@
{
"dependencies": {
"mitt": "^3.0.1"
}
}

View File

@ -0,0 +1,46 @@
<template>
<view>{{details.name}}</view>
<image :src="details.image"></image>
<image :src="details.effectImg"></image>
<view>{{details.intro}}</view>
<view>{{details.price}}</view>
<view>{{details.clothesType}}</view>
</template>
<script setup>
import {ref,onMounted} from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { baseUrl } from '../../../api/request';
const id = ref([{}])
const details = ref([{}])
onLoad((options)=>{
id.value = JSON.parse(options.info)
console.log(id.value,1111111111)
})
onMounted(()=>{
getDetails()
})
const getDetails = async ()=>{
const res = await uni.request({
url:baseUrl + '/clothesInfo/list/detail',
method:'POST',
header:{
cookie:wx.getAccountInfoSync('cookie')
},
data:{
id:id.value
}
})
if(res.data.code === 1){
details.value = res.data.data
}else{
uin.showtoast({
icon:'error',
title:'获取失败'
})
}
}
</script>
<style>
</style>

View File

@ -0,0 +1,223 @@
<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> -->
<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>
</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>
.mt-21 {
margin-top: 39.38rpx;
}
.ml-11 {
margin-left: 20.63rpx;
}
.mt-3 {
margin-top: 5.63rpx;
}
.mt-5 {
margin-top: 9.38rpx;
}
.page {
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;
}
.text {
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;
}
.list-item:first-child {
margin-top: 0;
}
.image_2 {
border-radius: 9.38rpx;
width: 148.13rpx;
height: 165rpx;
}
.group {
padding: 0 3.75rpx;
}
.font {
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 17.44rpx;
color: #323232;
}
.image {
width: 15rpx;
height: 15rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #323232;
}
.text_2 {
line-height: 24.26rpx;
}
.group_2 {
line-height: 22.5rpx;
}
.font_4 {
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_5 {
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%;
}
.section_3 {
padding: 15rpx 0;
background-color: #ffc470;
width: 118.13rpx;
height: 114.38rpx;
}
.image_3 {
width: 52.5rpx;
height: 52.5rpx;
}
.text_4 {
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;
}
.text_3 {
color: #ffffff;
font-size: 30rpx;
font-family: Inter;
line-height: 27.86rpx;
}
@import url("../../../common/css/global.css");
</style>

View File

@ -0,0 +1,298 @@
<template>
<uni-popup ref="popup" :mask-click="false" background-color="white">
<input placeholder="联系人姓名" v-model="newContact.name" />
<input placeholder="联系方式" v-model="newContact.phone" />
<button @click="addContact">保存</button>
<button @click="close">取消</button>
</uni-popup>
<uni-popup ref="popup1" :mask-click="false" background-color="white">
<input placeholder="联系人姓名" v-model="newContact.name" />
<input placeholder="联系方式" v-model="newContact.phone" />
<button @click="saveModifiedContact">保存</button>
<button @click="close1">取消</button>
</uni-popup>
<view class="flex-col page">
<view class="flex-col">
<view class="flex-row justify-center items-center relative group">
<text class="text">联系人信息</text>
<image class="image pos"
src="https://ide.code.fun/api/image?token=673329a3c471750012deb1ec&name=888e11f2c452b3d64f79a5136a779376.png" />
</view>
<view class="mt-16 flex-col">
<view class="flex-row justify-between items-center list-item mt-5"
v-for="(item, index) in filteredContacts" :key="index">
<view class="flex-row items-center">
<text class="font ml-9">{{item.name}}</text>
<text class="font_2 ml-9">{{item.phone}} -{{item.id}}</text>
</view>
<view class="flex-row group_2">
<image class="image_2"
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEclWfXMx-bj.png"
@click="editContact(item,index)" />
<image class="ml-12 image_2"
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FzgFMedLP-sc.png"
@click="deleteContact(item,index)" />
</view>
</view>
</view>
</view>
<view class="flex-col justify-start items-center section mt-431" @click="open">
<view class="flex-col justify-start items-center text-wrapper"><text class="text_2">添加新联系人</text></view>
</view>
</view>
</template>
<script setup>
import {
ref,
onMounted,
watch,
set
} from 'vue';
import {
baseUrl
} from '../../../api/request';
onMounted(() => {
getContacts()
})
const contacts = ref([{}])
//
const getContacts = async () => {
const res = await uni.request({
url: baseUrl + '/contacts/list',
method: 'POST',
header: {
cookie : wx.getStorageSync('cookie')
}
})
console.log(res)
if (res.data.code === 1) {
filteredContacts.value = res.data.data
} else {
uni.showToast({
icon: 'error',
title: '获取失败'
})
}
}
const newContact = ref({
ame: '',
phone: '',
isDefault:0
})
const searchText = ref('')
const filteredContacts = ref([])
onMounted(() => {
filteredContacts.value = contacts.value
})
watch(searchText, () => {
if (searchText.value === '') {
filteredContacts.value = contacts.value;
} else {
filteredContacts.value = contacts.value.filter(contact => {
return contact.name.includes(searchText.value) || contact.phone.includes(
searchText.value);
})
}
})
//
const addContact = async ()=> {
popup.value.close()
const res = await uni.request({
url:baseUrl + '/contacts/add',
method:'POST',
header: {
cookie : wx.getStorageSync('cookie')
},
data:{
name:newContact.value.name,
phone:newContact.value.phone,
isDefault:0
}})
console.log(res,添加)
if (res.data.code === 1){
console.log('添加成功')
}else{
uni.showToast({
icon: 'error',
title: '添加失败'
})
}
getContacts()
}
//
const deleteContact = async(item,index) => {
const res = await uni.request({
url:baseUrl + '/contacts/delete',
method:'POST',
header: {
cookie : wx.getStorageSync('cookie')
},
data:{
id:item.value[index].id,
}
})
console.log(item.value[index].id)
console.log(res,'1111111111111')
if(res.data.code === 1){
console.log('删除成功')
}else{
uni.showToast({
icon: 'error',
title: '删除失败'
})
}
getContacts()
}
const indexToModify = ref(null)
const editContact = (index) => {
popup1.value.open('center')
indexToModify.value = index
const contactToModify = contacts.value[index]
newContact.value = {
name: contactToModify.name,
phone: contactToModify.phone
}
}
const saveModifiedContact = () => {
if (indexToModify.value !== null) {
const Index = indexToModify.value
const contact = contacts.value[Index]
contact.name = newContact.value.name;
contact.phone = newContact.value.phone;
newContact.value = {
name: '',
phone: ''
}
popup1.value.close()
filteredContacts.value = contacts.value
}
}
const popup = ref(null)
const popup1 = ref(null)
const open = () => {
popup.value.open('center')
}
const open1 = () => {
popup1.value.open('center')
}
const close = () => {
popup.value.close();
}
const close1 = () => {
popup1.value.close();
}
</script>
<style lang="scss" scoped>
.mt-5 {
margin-top: 9.38rpx;
}
.ml-9 {
margin-left: 16.88rpx;
}
.mt-431 {
margin-top: 808.13rpx;
}
.page {
padding-top: 18.75rpx;
background-color: #f5f5dc;
border-radius: 28.13rpx 28.13rpx 0rpx 0rpx;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.group {
padding: 11.25rpx 24.38rpx 7.5rpx;
}
.text {
color: #323232;
font-size: 37.5rpx;
font-family: Open Sans;
line-height: 35.21rpx;
}
.image {
width: 52.5rpx;
height: 52.5rpx;
}
.pos {
position: absolute;
right: 24.38rpx;
top: 50%;
transform: translateY(-50%);
}
.list-item {
padding: 52.5rpx 15rpx;
background-color: #fffef8;
border-bottom: solid 1.88rpx #c8c8c8;
}
.list-item:first-child {
margin-top: 0;
}
.image_3 {
width: 33.75rpx;
height: 33.75rpx;
}
.font {
font-size: 30rpx;
font-family: Open Sans;
line-height: 27.19rpx;
color: #323232;
}
.font_2 {
font-size: 30rpx;
font-family: Open Sans;
line-height: 22.05rpx;
color: #323232;
}
.group_2 {
margin-right: 11.25rpx;
}
.image_2 {
width: 39.38rpx;
height: 39.38rpx;
}
.section {
margin-left: 16.88rpx;
padding: 22.5rpx 0 15rpx;
background-color: #fffef8;
}
.text-wrapper {
padding: 30rpx 0;
background-color: #fbb612;
border-radius: 75rpx;
width: 639.38rpx;
}
.text_2 {
color: #ffffff;
font-size: 33.75rpx;
font-family: Open Sans;
line-height: 31.22rpx;
}
@import url(/common/css/global.css)
</style>

View File

@ -0,0 +1,261 @@
<template>
<view class="flex-col page">
<view class="flex-col section">
<view class="flex-row justify-between self-stretch group">
<text class="font text">待消费</text>
<text class="font text_2" @click="goto()">已消费</text>
</view>
<view class="self-start section_2"></view>
</view>
<view class="flex-col section_3 mt-13" v-for="i in item">
<text class="self-end font_2 text_3">待消费</text>
<view class="flex-row items-baseline self-stretch group_2">
<text class="font_3 text_4">订单编号</text>
<text class="font_3 text_5 ml-5">E20241005095840091406189</text>
</view>
<view class="flex-row self-stretch group_3">
<image class="shrink-0 image"
src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=bc0e955304da0a2ccafe3a66ac1f3aca.png" />
<view class="flex-col flex-1 group_4">
<view class="flex-row justify-center self-stretch relative">
<text class="font_2 text_6 pos">整套约拍</text>
<text class="font_2 text_7">时尚精选</text>
</view>
<text class="self-start font_5 text_10">到店日期2024-10-15</text>
<text class="self-start font_5 text_1">具体场次上午场09:30-12:00</text>
<text class="self-stretch text_11">已选服务妆发服务摄影服务;室内</text>
</view>
<view class="flex-row items-center shrink-0 self-start group_5">
<text class="text_8">138.</text>
<image class="shrink-0 image_2 image_3"
src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=6c5700b3ac5fd83a23d838cb456bdd10.png" />
<text class="font_4 text_9">00</text>
</view>
</view>
<view class="flex-row justify-end items-center self-stretch group_6">
<text class="font_2 text_12">去支付</text>
<image class="image_2"
src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=ea05ec17023763edb8cfe919508e0459.png" />
<view class="group_7">
<text class="text_13">88</text>
<text class="font_4 text_14">.00</text>
</view>
</view>
</view>
</view>
</template>
<script setup>
import { ref } from 'vue'
const item = ref([null,null,null])
const goto=()=>{
uni.navigateTo({
url:'/pages/mine/bookings/bookings'
})
}
</script>
<style lang="scss" scoped>
.mt-13 {
margin-top: 24.38rpx;
}
.ml-5 {
margin-left: 9.38rpx;
}
.page {
padding-bottom: 1185rpx;
background-color: #f8e8c1;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section {
padding: 0 121.88rpx;
background-color: #fffef8;
}
.group {
padding: 21.68rpx 4.71rpx 18.23rpx 10.22rpx;
}
.font {
font-size: 30rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text {
line-height: 27.6rpx;
}
.text_2 {
line-height: 27.6rpx;
}
.section_2 {
background-color: #fb8b05;
width: 112.5rpx;
height: 5.63rpx;
}
.section_3 {
margin-left: 16.88rpx;
margin-right: 15rpx;
padding: 35.4rpx 19.89rpx 35.4rpx 24.38rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text_3 {
color: #fb8b05;
line-height: 24.15rpx;
}
.group_2 {
margin-top: 18.49rpx;
}
.font_3 {
font-size: 22.5rpx;
font-family: Open Sans;
color: #818181;
}
.text_4 {
line-height: 20.85rpx;
}
.text_5 {
line-height: 16.54rpx;
}
.group_3 {
margin-top: 29.81rpx;
}
.image {
border-radius: 9.38rpx;
width: 118.13rpx;
height: 151.88rpx;
}
.group_4 {
margin-left: 23.38rpx;
margin-top: 2.19rpx;
}
.text_6 {
line-height: 24.49rpx;
}
.pos {
position: absolute;
left: 0.15rpx;
top: 50%;
transform: translateY(-50%);
}
.text_7 {
line-height: 24.43rpx;
}
.font_5 {
font-size: 22.5rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text_10 {
margin-top: 22.91rpx;
}
.text_1 {
margin-top: 3.39rpx;
}
.text_11 {
margin-top: 20.89rpx;
color: #939393;
font-size: 22.5rpx;
font-family: Inter;
line-height: 22.97rpx;
}
.group_5 {
margin-left: 3.52rpx;
margin-right: 14.59rpx;
}
.text_8 {
margin-left: 25.03rpx;
color: #323232;
font-size: 33.75rpx;
font-family: Open Sans;
font-weight: 600;
line-height: 24.88rpx;
}
.image_2 {
width: 30rpx;
height: 26.25rpx;
}
.image_3 {
margin-left: -90.66rpx;
}
.font_4 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 19.29rpx;
font-weight: 600;
}
.text_9 {
margin-left: 61.14rpx;
color: #323232;
}
.group_6 {
margin-top: 26.68rpx;
padding: 0 9.54rpx;
}
.text_12 {
margin-right: -8.06rpx;
line-height: 24.23rpx;
}
.group_7 {
line-height: 21.99rpx;
height: 22.05rpx;
}
.text_13 {
color: #fb8b05;
font-size: 30rpx;
font-family: Open Sans;
font-weight: 600;
line-height: 21.99rpx;
}
.text_14 {
color: #fb8b05;
line-height: 19.39rpx;
}
@import url("../../../common/css/global.css");
</style>

View File

@ -0,0 +1,275 @@
<template>
<view class="flex-col page">
<view class="flex-col section">
<view class="flex-row justify-between self-stretch group">
<text class="font text" @click="goto()">待消费</text>
<text class="font text_2">已消费</text>
</view>
<view class="self-end section_2"></view>
</view>
<view class="flex-col section_3 mt-16" v-for="i in item">
<text class="self-end font_2 text_3">已消费</text>
<view class="flex-row items-baseline self-stretch group_2">
<text class="font_3 text_4">订单编号</text>
<text class="font_3 text_5 ml-5">E20241005095840091406189</text>
</view>
<view class="flex-row self-stretch group_3">
<image class="shrink-0 image"
src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=bc0e955304da0a2ccafe3a66ac1f3aca.png" />
<view class="flex-col flex-1 group_4">
<view class="flex-row justify-center self-stretch relative">
<text class="font_2 text_6 pos">整套约拍</text>
<text class="font_2 text_7">时尚精选</text>
</view>
<text class="self-start font_5 text_10">到店日期2024-10-15</text>
<text class="self-start font_5 text_1">具体场次上午场09:30-12:00</text>
<text class="self-stretch text_11">已选服务妆发服务摄影服务;室内</text>
</view>
<view class="flex-row items-center shrink-0 self-start group_5">
<text class="text_8">138.</text>
<image class="shrink-0 image_2 image_3"
src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=6c5700b3ac5fd83a23d838cb456bdd10.png" />
<text class="font_4 text_9">00</text>
</view>
</view>
<view class="flex-row justify-end items-center self-stretch group_6">
<text class="font_2 text_12">已付款</text>
<image class="image_2"
src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=ea05ec17023763edb8cfe919508e0459.png" />
<view class="group_7">
<text class="text_13">88</text>
<text class="font_4 text_14">.00</text>
</view>
</view>
<view class="flex-col justify-start items-center self-end text-wrapper">
<text class="font_2 text_15">删除记录</text>
</view>
</view>
</view>
</template>
<script setup>
import {ref} from 'vue'
const goto = () => {
uni.navigateTo({
url: '/pages/mine/bookings/booking'
})
}
const item =ref([null,null,null])
</script>
<style lang="scss" scoped>
.ml-5 {
margin-left: 9.38rpx;
}
.page {
padding-bottom: 1085.63rpx;
background-color: #f8e8c1;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section {
padding-left: 132.09rpx;
padding-right: 116.25rpx;
background-color: #fffef8;
}
.group {
padding: 21.68rpx 0 19.16rpx;
}
.font {
font-size: 30rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text {
line-height: 27.6rpx;
}
.text_2 {
margin-right: 10.33rpx;
line-height: 27.6rpx;
}
.section_2 {
background-color: #fb8b05;
width: 112.5rpx;
height: 5.63rpx;
}
.section_3 {
margin-left: 16.88rpx;
margin-right: 15rpx;
padding: 30rpx 20.06rpx 30rpx 24.38rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text_3 {
color: #fb8b05;
line-height: 24.15rpx;
}
.group_2 {
margin-top: 18.49rpx;
}
.font_3 {
font-size: 22.5rpx;
font-family: Open Sans;
color: #818181;
}
.text_4 {
line-height: 20.85rpx;
}
.text_5 {
line-height: 16.54rpx;
}
.group_3 {
margin-top: 29.81rpx;
}
.image {
border-radius: 9.38rpx;
width: 118.13rpx;
height: 151.88rpx;
}
.group_4 {
margin: 2.19rpx 0 5.38rpx 23.38rpx;
}
.text_6 {
line-height: 24.49rpx;
}
.pos {
position: absolute;
left: 0.15rpx;
top: 50%;
transform: translateY(-50%);
}
.text_7 {
line-height: 24.43rpx;
}
.font_5 {
font-size: 22.5rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text_10 {
margin-top: 21.04rpx;
}
.text_1 {
margin-top: 3.39rpx;
}
.text_11 {
margin-top: 19.01rpx;
color: #939393;
font-size: 22.5rpx;
font-family: Inter;
line-height: 22.97rpx;
}
.group_5 {
margin-left: 3.52rpx;
margin-right: 14.42rpx;
}
.text_8 {
margin-left: 25.03rpx;
color: #323232;
font-size: 33.75rpx;
font-family: Open Sans;
font-weight: 600;
line-height: 24.88rpx;
}
.image_2 {
width: 30rpx;
height: 26.25rpx;
}
.image_3 {
margin-left: -90.66rpx;
}
.font_4 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 19.29rpx;
font-weight: 600;
}
.text_9 {
margin-left: 61.14rpx;
color: #323232;
}
.group_6 {
margin-top: 37.93rpx;
padding: 0 9.38rpx;
}
.text_12 {
margin-right: -8.06rpx;
line-height: 24.23rpx;
}
.group_7 {
line-height: 21.99rpx;
height: 22.05rpx;
}
.text_13 {
color: #fb8b05;
font-size: 30rpx;
font-family: Open Sans;
font-weight: 600;
line-height: 21.99rpx;
}
.text_14 {
color: #fb8b05;
line-height: 19.39rpx;
}
.text-wrapper {
margin-right: 2.44rpx;
margin-top: 35.4rpx;
padding: 13.54rpx 0 14.83rpx;
background-color: #fffef8;
border-radius: 75rpx;
width: 155.63rpx;
border: solid 1.88rpx #cbcbcb;
}
.text_15 {
line-height: 24.13rpx;
}
@import url('../../../common/css/global.css')
</style>

View File

@ -0,0 +1,49 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const api_request = require("../../../api/request.js");
const _sfc_main = {
__name: "CostumeDetails",
setup(__props) {
const id = common_vendor.ref([{}]);
const details = common_vendor.ref([{}]);
common_vendor.onLoad((options) => {
id.value = JSON.parse(options.info);
console.log(id.value, 1111111111);
});
common_vendor.onMounted(() => {
getDetails();
});
const getDetails = async () => {
const res = await common_vendor.index.request({
url: api_request.baseUrl + "/clothesInfo/list/detail",
method: "POST",
header: {
cookie: common_vendor.wx$1.getAccountInfoSync("cookie")
},
data: {
id: id.value
}
});
if (res.data.code === 1) {
details.value = res.data.data;
} else {
uin.showtoast({
icon: "error",
title: "获取失败"
});
}
};
return (_ctx, _cache) => {
return {
a: common_vendor.t(details.value.name),
b: details.value.image,
c: details.value.effectImg,
d: common_vendor.t(details.value.intro),
e: common_vendor.t(details.value.price),
f: common_vendor.t(details.value.clothesType)
};
};
}
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/CostumeDetails/CostumeDetails.vue"]]);
wx.createPage(MiniProgramPage);

View File

@ -0,0 +1,4 @@
{
"navigationBarTitleText": "",
"usingComponents": {}
}

View File

@ -0,0 +1 @@
<view>{{a}}</view><image src="{{b}}"></image><image src="{{c}}"></image><view>{{d}}</view><view>{{e}}</view><view>{{f}}</view>

View File

@ -0,0 +1,61 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const api_request = require("../../../api/request.js");
const _sfc_main = {
__name: "CostumeDisplay",
setup(__props) {
const list = common_vendor.ref([{}]);
const label = common_vendor.ref([{}]);
common_vendor.onMounted(() => {
getLabel();
});
common_vendor.onLoad((options) => {
list.value = JSON.parse(options.info);
console.log(list.value, "id");
});
const getLabel = async () => {
const res = await common_vendor.index.request({
url: api_request.baseUrl + "/clothesInfo/list/label",
method: "POST",
header: {
cookie: common_vendor.wx$1.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) => {
common_vendor.index.navigateTo({
url: "/pages/booking/CostumeDetails/CostumeDetails?info=" + JSON.stringify(label.value[index].id)
});
console.log(label.value[index].id);
};
return (_ctx, _cache) => {
return {
a: common_vendor.f(label.value, (item, index, i0) => {
return {
a: item.image,
b: item.image,
c: common_vendor.t(item.name),
d: common_vendor.t(item.intro),
e: common_vendor.t(item.price),
f: index,
g: common_vendor.o(($event) => goToText(index), index)
};
})
};
};
}
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-d97852c0"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/CostumeDisplay/CostumeDisplay.vue"]]);
wx.createPage(MiniProgramPage);

View File

@ -0,0 +1,4 @@
{
"navigationBarTitleText": "",
"usingComponents": {}
}

View File

@ -0,0 +1 @@
<view class="flex-col page data-v-d97852c0"><view class="flex-col section data-v-d97852c0"><text class="self-start text data-v-d97852c0">服装展示</text><view class="flex-col self-stretch mt-21 data-v-d97852c0"><view wx:for="{{a}}" wx:for-item="item" wx:key="f" class="flex-row items-center mt-10 list-item data-v-d97852c0" bindtap="{{item.g}}"><image class="shrink-0 image_2 data-v-d97852c0" src="{{item.a}}"/><view class="flex-col flex-1 ml-11 data-v-d97852c0"><view class="flex-col self-stretch data-v-d97852c0"><view class="flex-row justify-end self-stretch group data-v-d97852c0"><text class="font data-v-d97852c0">详细信息</text><image class="image data-v-d97852c0" src="{{item.b}}"/></view><text class="self-start font_2 text_2 mt-3 data-v-d97852c0">{{item.c}}</text></view><view class="self-stretch group_2 mt-5 data-v-d97852c0"><text class="font_4 data-v-d97852c0">服装简介:</text><text class="font_3 data-v-d97852c0">{{item.d}}</text></view><text class="self-end font_5 mt-5 data-v-d97852c0">¥{{item.e}}</text></view></view></view></view><view class="mt-48 flex-row items-center section_2 data-v-d97852c0"><view class="flex-col items-center shrink-0 section_3 data-v-d97852c0"><image class="image_3 data-v-d97852c0" src="https://ide.code.fun/api/image?token=674eb236797f850011f0c44a&name=4b56fed14a39630ca2312edf6e34c024.png"/><text class="mt-2 text_4 data-v-d97852c0">客服</text></view><view class="ml-34 flex-col justify-start items-center flex-1 text-wrapper data-v-d97852c0"><text class="text_3 data-v-d97852c0">现在去预约</text></view></view></view>

View File

@ -0,0 +1,526 @@
/* 水平间距 */
/* 水平间距 */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示 **
************************************************************/
html.data-v-d97852c0 {
font-size: 16px;
}
body.data-v-d97852c0 {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
view.data-v-d97852c0,
image.data-v-d97852c0,
text.data-v-d97852c0 {
box-sizing: border-box;
flex-shrink: 0;
}
#app.data-v-d97852c0 {
width: 100vw;
height: 100vh;
}
.flex-row.data-v-d97852c0 {
display: flex;
flex-direction: row;
}
.flex-col.data-v-d97852c0 {
display: flex;
flex-direction: column;
}
.justify-start.data-v-d97852c0 {
justify-content: flex-start;
}
.justify-end.data-v-d97852c0 {
justify-content: flex-end;
}
.justify-center.data-v-d97852c0 {
justify-content: center;
}
.justify-between.data-v-d97852c0 {
justify-content: space-between;
}
.justify-around.data-v-d97852c0 {
justify-content: space-around;
}
.justify-evenly.data-v-d97852c0 {
justify-content: space-evenly;
}
.items-start.data-v-d97852c0 {
align-items: flex-start;
}
.items-end.data-v-d97852c0 {
align-items: flex-end;
}
.items-center.data-v-d97852c0 {
align-items: center;
}
.items-baseline.data-v-d97852c0 {
align-items: baseline;
}
.items-stretch.data-v-d97852c0 {
align-items: stretch;
}
.self-start.data-v-d97852c0 {
align-self: flex-start;
}
.self-end.data-v-d97852c0 {
align-self: flex-end;
}
.self-center.data-v-d97852c0 {
align-self: center;
}
.self-baseline.data-v-d97852c0 {
align-self: baseline;
}
.self-stretch.data-v-d97852c0 {
align-self: stretch;
}
.flex-1.data-v-d97852c0 {
flex: 1 1 0%;
}
.flex-auto.data-v-d97852c0 {
flex: 1 1 auto;
}
.grow.data-v-d97852c0 {
flex-grow: 1;
}
.grow-0.data-v-d97852c0 {
flex-grow: 0;
}
.shrink.data-v-d97852c0 {
flex-shrink: 1;
}
.shrink-0.data-v-d97852c0 {
flex-shrink: 0;
}
.relative.data-v-d97852c0 {
position: relative;
}
.ml-2.data-v-d97852c0 {
margin-left: 3.75rpx;
}
.mt-2.data-v-d97852c0 {
margin-top: 3.75rpx;
}
.ml-4.data-v-d97852c0 {
margin-left: 7.5rpx;
}
.mt-4.data-v-d97852c0 {
margin-top: 7.5rpx;
}
.ml-6.data-v-d97852c0 {
margin-left: 11.25rpx;
}
.mt-6.data-v-d97852c0 {
margin-top: 11.25rpx;
}
.ml-8.data-v-d97852c0 {
margin-left: 15rpx;
}
.mt-8.data-v-d97852c0 {
margin-top: 15rpx;
}
.ml-10.data-v-d97852c0 {
margin-left: 18.75rpx;
}
.mt-10.data-v-d97852c0 {
margin-top: 18.75rpx;
}
.ml-12.data-v-d97852c0 {
margin-left: 22.5rpx;
}
.mt-12.data-v-d97852c0 {
margin-top: 22.5rpx;
}
.ml-14.data-v-d97852c0 {
margin-left: 26.25rpx;
}
.mt-14.data-v-d97852c0 {
margin-top: 26.25rpx;
}
.ml-16.data-v-d97852c0 {
margin-left: 30rpx;
}
.mt-16.data-v-d97852c0 {
margin-top: 30rpx;
}
.ml-18.data-v-d97852c0 {
margin-left: 33.75rpx;
}
.mt-18.data-v-d97852c0 {
margin-top: 33.75rpx;
}
.ml-20.data-v-d97852c0 {
margin-left: 37.5rpx;
}
.mt-20.data-v-d97852c0 {
margin-top: 37.5rpx;
}
.ml-22.data-v-d97852c0 {
margin-left: 41.25rpx;
}
.mt-22.data-v-d97852c0 {
margin-top: 41.25rpx;
}
.ml-24.data-v-d97852c0 {
margin-left: 45rpx;
}
.mt-24.data-v-d97852c0 {
margin-top: 45rpx;
}
.ml-26.data-v-d97852c0 {
margin-left: 48.75rpx;
}
.mt-26.data-v-d97852c0 {
margin-top: 48.75rpx;
}
.ml-28.data-v-d97852c0 {
margin-left: 52.5rpx;
}
.mt-28.data-v-d97852c0 {
margin-top: 52.5rpx;
}
.ml-30.data-v-d97852c0 {
margin-left: 56.25rpx;
}
.mt-30.data-v-d97852c0 {
margin-top: 56.25rpx;
}
.ml-32.data-v-d97852c0 {
margin-left: 60rpx;
}
.mt-32.data-v-d97852c0 {
margin-top: 60rpx;
}
.ml-34.data-v-d97852c0 {
margin-left: 63.75rpx;
}
.mt-34.data-v-d97852c0 {
margin-top: 63.75rpx;
}
.ml-36.data-v-d97852c0 {
margin-left: 67.5rpx;
}
.mt-36.data-v-d97852c0 {
margin-top: 67.5rpx;
}
.ml-38.data-v-d97852c0 {
margin-left: 71.25rpx;
}
.mt-38.data-v-d97852c0 {
margin-top: 71.25rpx;
}
.ml-40.data-v-d97852c0 {
margin-left: 75rpx;
}
.mt-40.data-v-d97852c0 {
margin-top: 75rpx;
}
.ml-42.data-v-d97852c0 {
margin-left: 78.75rpx;
}
.mt-42.data-v-d97852c0 {
margin-top: 78.75rpx;
}
.ml-44.data-v-d97852c0 {
margin-left: 82.5rpx;
}
.mt-44.data-v-d97852c0 {
margin-top: 82.5rpx;
}
.ml-46.data-v-d97852c0 {
margin-left: 86.25rpx;
}
.mt-46.data-v-d97852c0 {
margin-top: 86.25rpx;
}
.ml-48.data-v-d97852c0 {
margin-left: 90rpx;
}
.mt-48.data-v-d97852c0 {
margin-top: 90rpx;
}
.ml-50.data-v-d97852c0 {
margin-left: 93.75rpx;
}
.mt-50.data-v-d97852c0 {
margin-top: 93.75rpx;
}
.ml-52.data-v-d97852c0 {
margin-left: 97.5rpx;
}
.mt-52.data-v-d97852c0 {
margin-top: 97.5rpx;
}
.ml-54.data-v-d97852c0 {
margin-left: 101.25rpx;
}
.mt-54.data-v-d97852c0 {
margin-top: 101.25rpx;
}
.ml-56.data-v-d97852c0 {
margin-left: 105rpx;
}
.mt-56.data-v-d97852c0 {
margin-top: 105rpx;
}
.ml-58.data-v-d97852c0 {
margin-left: 108.75rpx;
}
.mt-58.data-v-d97852c0 {
margin-top: 108.75rpx;
}
.ml-60.data-v-d97852c0 {
margin-left: 112.5rpx;
}
.mt-60.data-v-d97852c0 {
margin-top: 112.5rpx;
}
.ml-62.data-v-d97852c0 {
margin-left: 116.25rpx;
}
.mt-62.data-v-d97852c0 {
margin-top: 116.25rpx;
}
.ml-64.data-v-d97852c0 {
margin-left: 120rpx;
}
.mt-64.data-v-d97852c0 {
margin-top: 120rpx;
}
.ml-66.data-v-d97852c0 {
margin-left: 123.75rpx;
}
.mt-66.data-v-d97852c0 {
margin-top: 123.75rpx;
}
.ml-68.data-v-d97852c0 {
margin-left: 127.5rpx;
}
.mt-68.data-v-d97852c0 {
margin-top: 127.5rpx;
}
.ml-70.data-v-d97852c0 {
margin-left: 131.25rpx;
}
.mt-70.data-v-d97852c0 {
margin-top: 131.25rpx;
}
.ml-72.data-v-d97852c0 {
margin-left: 135rpx;
}
.mt-72.data-v-d97852c0 {
margin-top: 135rpx;
}
.ml-74.data-v-d97852c0 {
margin-left: 138.75rpx;
}
.mt-74.data-v-d97852c0 {
margin-top: 138.75rpx;
}
.ml-76.data-v-d97852c0 {
margin-left: 142.5rpx;
}
.mt-76.data-v-d97852c0 {
margin-top: 142.5rpx;
}
.ml-78.data-v-d97852c0 {
margin-left: 146.25rpx;
}
.mt-78.data-v-d97852c0 {
margin-top: 146.25rpx;
}
.ml-80.data-v-d97852c0 {
margin-left: 150rpx;
}
.mt-80.data-v-d97852c0 {
margin-top: 150rpx;
}
.ml-82.data-v-d97852c0 {
margin-left: 153.75rpx;
}
.mt-82.data-v-d97852c0 {
margin-top: 153.75rpx;
}
.ml-84.data-v-d97852c0 {
margin-left: 157.5rpx;
}
.mt-84.data-v-d97852c0 {
margin-top: 157.5rpx;
}
.ml-86.data-v-d97852c0 {
margin-left: 161.25rpx;
}
.mt-86.data-v-d97852c0 {
margin-top: 161.25rpx;
}
.ml-88.data-v-d97852c0 {
margin-left: 165rpx;
}
.mt-88.data-v-d97852c0 {
margin-top: 165rpx;
}
.ml-90.data-v-d97852c0 {
margin-left: 168.75rpx;
}
.mt-90.data-v-d97852c0 {
margin-top: 168.75rpx;
}
.ml-92.data-v-d97852c0 {
margin-left: 172.5rpx;
}
.mt-92.data-v-d97852c0 {
margin-top: 172.5rpx;
}
.ml-94.data-v-d97852c0 {
margin-left: 176.25rpx;
}
.mt-94.data-v-d97852c0 {
margin-top: 176.25rpx;
}
.ml-96.data-v-d97852c0 {
margin-left: 180rpx;
}
.mt-96.data-v-d97852c0 {
margin-top: 180rpx;
}
.ml-98.data-v-d97852c0 {
margin-left: 183.75rpx;
}
.mt-98.data-v-d97852c0 {
margin-top: 183.75rpx;
}
.ml-100.data-v-d97852c0 {
margin-left: 187.5rpx;
}
.mt-100.data-v-d97852c0 {
margin-top: 187.5rpx;
}
.mt-21.data-v-d97852c0 {
margin-top: 39.38rpx;
}
.ml-11.data-v-d97852c0 {
margin-left: 20.63rpx;
}
.mt-3.data-v-d97852c0 {
margin-top: 5.63rpx;
}
.mt-5.data-v-d97852c0 {
margin-top: 9.38rpx;
}
.page.data-v-d97852c0 {
padding-top: 69.38rpx;
background-color: #f5f5dc;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section.data-v-d97852c0 {
margin: 0 18.75rpx;
padding: 37.5rpx 30rpx 129.38rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
}
.text.data-v-d97852c0 {
color: #000000;
font-size: 30rpx;
font-family: Open Sans;
line-height: 27.71rpx;
}
.list-item.data-v-d97852c0 {
padding: 22.5rpx 22.5rpx 22.5rpx 30rpx;
background-color: #fff3c3;
border-radius: 9.38rpx;
}
.list-item.data-v-d97852c0:first-child {
margin-top: 0;
}
.image_2.data-v-d97852c0 {
border-radius: 9.38rpx;
width: 148.13rpx;
height: 165rpx;
}
.group.data-v-d97852c0 {
padding: 0 3.75rpx;
}
.font.data-v-d97852c0 {
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 17.44rpx;
color: #323232;
}
.image.data-v-d97852c0 {
width: 15rpx;
height: 15rpx;
}
.font_2.data-v-d97852c0 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #323232;
}
.text_2.data-v-d97852c0 {
line-height: 24.26rpx;
}
.group_2.data-v-d97852c0 {
line-height: 22.5rpx;
}
.font_4.data-v-d97852c0 {
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #323232;
}
.font_3.data-v-d97852c0 {
font-size: 18.75rpx;
font-family: Open Sans;
line-height: 22.5rpx;
color: #828282;
}
.font_5.data-v-d97852c0 {
font-size: 33.75rpx;
font-family: Times New Roman;
line-height: 24.73rpx;
color: #ff3c3c;
}
.section_2.data-v-d97852c0 {
background-color: #fffef8;
position: fixed;
bottom: 0;
width: 100%;
}
.section_3.data-v-d97852c0 {
padding: 15rpx 0;
background-color: #ffc470;
width: 118.13rpx;
height: 114.38rpx;
}
.image_3.data-v-d97852c0 {
width: 52.5rpx;
height: 52.5rpx;
}
.text_4.data-v-d97852c0 {
color: #fffef8;
font-size: 26.25rpx;
font-family: Inter;
line-height: 24.17rpx;
}
.text-wrapper.data-v-d97852c0 {
margin-right: 26.25rpx;
padding: 26.25rpx 0;
background-color: #fbb612;
border-radius: 75rpx;
height: 82.5rpx;
}
.text_3.data-v-d97852c0 {
color: #ffffff;
font-size: 30rpx;
font-family: Inter;
line-height: 27.86rpx;
}

View File

@ -0,0 +1,185 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const api_request = require("../../../api/request.js");
if (!Array) {
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
_easycom_uni_popup2();
}
const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
if (!Math) {
_easycom_uni_popup();
}
const _sfc_main = {
__name: "Contact",
setup(__props) {
common_vendor.onMounted(() => {
getContacts();
});
const contacts = common_vendor.ref([{}]);
const getContacts = async () => {
const res = await common_vendor.index.request({
url: api_request.baseUrl + "/contacts/list",
method: "POST",
header: {
cookie: common_vendor.wx$1.getStorageSync("cookie")
}
});
console.log(res);
if (res.data.code === 1) {
filteredContacts.value = res.data.data;
} else {
common_vendor.index.showToast({
icon: "error",
title: "获取失败"
});
}
};
const newContact = common_vendor.ref({
ame: "",
phone: "",
isDefault: 0
});
const searchText = common_vendor.ref("");
const filteredContacts = common_vendor.ref([]);
common_vendor.onMounted(() => {
filteredContacts.value = contacts.value;
});
common_vendor.watch(searchText, () => {
if (searchText.value === "") {
filteredContacts.value = contacts.value;
} else {
filteredContacts.value = contacts.value.filter((contact) => {
return contact.name.includes(searchText.value) || contact.phone.includes(
searchText.value
);
});
}
});
const addContact = async () => {
popup.value.close();
const res = await common_vendor.index.request({
url: api_request.baseUrl + "/contacts/add",
method: "POST",
header: {
cookie: common_vendor.wx$1.getStorageSync("cookie")
},
data: {
name: newContact.value.name,
phone: newContact.value.phone,
isDefault: 0
}
});
console.log(res, 添加);
if (res.data.code === 1) {
console.log("添加成功");
} else {
common_vendor.index.showToast({
icon: "error",
title: "添加失败"
});
}
getContacts();
};
const deleteContact = async (item, index) => {
const res = await common_vendor.index.request({
url: api_request.baseUrl + "/contacts/delete",
method: "POST",
header: {
cookie: common_vendor.wx$1.getStorageSync("cookie")
},
data: {
id: item.value[index].id
}
});
console.log(item.value[index].id);
console.log(res, "1111111111111");
if (res.data.code === 1) {
console.log("删除成功");
} else {
common_vendor.index.showToast({
icon: "error",
title: "删除失败"
});
}
getContacts();
};
const indexToModify = common_vendor.ref(null);
const editContact = (index) => {
popup1.value.open("center");
indexToModify.value = index;
const contactToModify = contacts.value[index];
newContact.value = {
name: contactToModify.name,
phone: contactToModify.phone
};
};
const saveModifiedContact = () => {
if (indexToModify.value !== null) {
const Index = indexToModify.value;
const contact = contacts.value[Index];
contact.name = newContact.value.name;
contact.phone = newContact.value.phone;
newContact.value = {
name: "",
phone: ""
};
popup1.value.close();
filteredContacts.value = contacts.value;
}
};
const popup = common_vendor.ref(null);
const popup1 = common_vendor.ref(null);
const open = () => {
popup.value.open("center");
};
const close = () => {
popup.value.close();
};
const close1 = () => {
popup1.value.close();
};
return (_ctx, _cache) => {
return {
a: newContact.value.name,
b: common_vendor.o(($event) => newContact.value.name = $event.detail.value),
c: newContact.value.phone,
d: common_vendor.o(($event) => newContact.value.phone = $event.detail.value),
e: common_vendor.o(addContact),
f: common_vendor.o(close),
g: common_vendor.sr(popup, "0aa6b83b-0", {
"k": "popup"
}),
h: common_vendor.p({
["mask-click"]: false,
["background-color"]: "white"
}),
i: newContact.value.name,
j: common_vendor.o(($event) => newContact.value.name = $event.detail.value),
k: newContact.value.phone,
l: common_vendor.o(($event) => newContact.value.phone = $event.detail.value),
m: common_vendor.o(saveModifiedContact),
n: common_vendor.o(close1),
o: common_vendor.sr(popup1, "0aa6b83b-1", {
"k": "popup1"
}),
p: common_vendor.p({
["mask-click"]: false,
["background-color"]: "white"
}),
q: common_vendor.f(filteredContacts.value, (item, index, i0) => {
return {
a: common_vendor.t(item.name),
b: common_vendor.t(item.phone),
c: common_vendor.t(item.id),
d: common_vendor.o(($event) => editContact(item), index),
e: common_vendor.o(($event) => deleteContact(item, index), index),
f: index
};
}),
r: common_vendor.o(open)
};
};
}
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0aa6b83b"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/mine/Contact/Contact.vue"]]);
wx.createPage(MiniProgramPage);

View File

@ -0,0 +1,6 @@
{
"navigationBarTitleText": "",
"usingComponents": {
"uni-popup": "../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
}
}

View File

@ -0,0 +1 @@
<uni-popup wx:if="{{h}}" class="r data-v-0aa6b83b" u-s="{{['d']}}" u-r="popup" u-i="0aa6b83b-0" bind:__l="__l" u-p="{{h}}"><input class="data-v-0aa6b83b" placeholder="联系人姓名" value="{{a}}" bindinput="{{b}}"/><input class="data-v-0aa6b83b" placeholder="联系方式" value="{{c}}" bindinput="{{d}}"/><button class="data-v-0aa6b83b" bindtap="{{e}}">保存</button><button class="data-v-0aa6b83b" bindtap="{{f}}">取消</button></uni-popup><uni-popup wx:if="{{p}}" class="r data-v-0aa6b83b" u-s="{{['d']}}" u-r="popup1" u-i="0aa6b83b-1" bind:__l="__l" u-p="{{p}}"><input class="data-v-0aa6b83b" placeholder="联系人姓名" value="{{i}}" bindinput="{{j}}"/><input class="data-v-0aa6b83b" placeholder="联系方式" value="{{k}}" bindinput="{{l}}"/><button class="data-v-0aa6b83b" bindtap="{{m}}">保存</button><button class="data-v-0aa6b83b" bindtap="{{n}}">取消</button></uni-popup><view class="flex-col page data-v-0aa6b83b"><view class="flex-col data-v-0aa6b83b"><view class="flex-row justify-center items-center relative group data-v-0aa6b83b"><text class="text data-v-0aa6b83b">联系人信息</text><image class="image pos data-v-0aa6b83b" src="https://ide.code.fun/api/image?token=673329a3c471750012deb1ec&name=888e11f2c452b3d64f79a5136a779376.png"/></view><view class="mt-16 flex-col data-v-0aa6b83b"><view wx:for="{{q}}" wx:for-item="item" wx:key="f" class="flex-row justify-between items-center list-item mt-5 data-v-0aa6b83b"><view class="flex-row items-center data-v-0aa6b83b"><text class="font ml-9 data-v-0aa6b83b">{{item.a}}</text><text class="font_2 ml-9 data-v-0aa6b83b">{{item.b}} -{{item.c}}</text></view><view class="flex-row group_2 data-v-0aa6b83b"><image class="image_2 data-v-0aa6b83b" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEclWfXMx-bj.png" bindtap="{{item.d}}"/><image class="ml-12 image_2 data-v-0aa6b83b" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FzgFMedLP-sc.png" bindtap="{{item.e}}"/></view></view></view></view><view class="flex-col justify-start items-center section mt-431 data-v-0aa6b83b" bindtap="{{r}}"><view class="flex-col justify-start items-center text-wrapper data-v-0aa6b83b"><text class="text_2 data-v-0aa6b83b">添加新联系人</text></view></view></view>

View File

@ -0,0 +1,488 @@
/* 水平间距 */
/* 水平间距 */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示 **
************************************************************/
html.data-v-0aa6b83b {
font-size: 16px;
}
body.data-v-0aa6b83b {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
view.data-v-0aa6b83b,
image.data-v-0aa6b83b,
text.data-v-0aa6b83b {
box-sizing: border-box;
flex-shrink: 0;
}
#app.data-v-0aa6b83b {
width: 100vw;
height: 100vh;
}
.flex-row.data-v-0aa6b83b {
display: flex;
flex-direction: row;
}
.flex-col.data-v-0aa6b83b {
display: flex;
flex-direction: column;
}
.justify-start.data-v-0aa6b83b {
justify-content: flex-start;
}
.justify-end.data-v-0aa6b83b {
justify-content: flex-end;
}
.justify-center.data-v-0aa6b83b {
justify-content: center;
}
.justify-between.data-v-0aa6b83b {
justify-content: space-between;
}
.justify-around.data-v-0aa6b83b {
justify-content: space-around;
}
.justify-evenly.data-v-0aa6b83b {
justify-content: space-evenly;
}
.items-start.data-v-0aa6b83b {
align-items: flex-start;
}
.items-end.data-v-0aa6b83b {
align-items: flex-end;
}
.items-center.data-v-0aa6b83b {
align-items: center;
}
.items-baseline.data-v-0aa6b83b {
align-items: baseline;
}
.items-stretch.data-v-0aa6b83b {
align-items: stretch;
}
.self-start.data-v-0aa6b83b {
align-self: flex-start;
}
.self-end.data-v-0aa6b83b {
align-self: flex-end;
}
.self-center.data-v-0aa6b83b {
align-self: center;
}
.self-baseline.data-v-0aa6b83b {
align-self: baseline;
}
.self-stretch.data-v-0aa6b83b {
align-self: stretch;
}
.flex-1.data-v-0aa6b83b {
flex: 1 1 0%;
}
.flex-auto.data-v-0aa6b83b {
flex: 1 1 auto;
}
.grow.data-v-0aa6b83b {
flex-grow: 1;
}
.grow-0.data-v-0aa6b83b {
flex-grow: 0;
}
.shrink.data-v-0aa6b83b {
flex-shrink: 1;
}
.shrink-0.data-v-0aa6b83b {
flex-shrink: 0;
}
.relative.data-v-0aa6b83b {
position: relative;
}
.ml-2.data-v-0aa6b83b {
margin-left: 3.75rpx;
}
.mt-2.data-v-0aa6b83b {
margin-top: 3.75rpx;
}
.ml-4.data-v-0aa6b83b {
margin-left: 7.5rpx;
}
.mt-4.data-v-0aa6b83b {
margin-top: 7.5rpx;
}
.ml-6.data-v-0aa6b83b {
margin-left: 11.25rpx;
}
.mt-6.data-v-0aa6b83b {
margin-top: 11.25rpx;
}
.ml-8.data-v-0aa6b83b {
margin-left: 15rpx;
}
.mt-8.data-v-0aa6b83b {
margin-top: 15rpx;
}
.ml-10.data-v-0aa6b83b {
margin-left: 18.75rpx;
}
.mt-10.data-v-0aa6b83b {
margin-top: 18.75rpx;
}
.ml-12.data-v-0aa6b83b {
margin-left: 22.5rpx;
}
.mt-12.data-v-0aa6b83b {
margin-top: 22.5rpx;
}
.ml-14.data-v-0aa6b83b {
margin-left: 26.25rpx;
}
.mt-14.data-v-0aa6b83b {
margin-top: 26.25rpx;
}
.ml-16.data-v-0aa6b83b {
margin-left: 30rpx;
}
.mt-16.data-v-0aa6b83b {
margin-top: 30rpx;
}
.ml-18.data-v-0aa6b83b {
margin-left: 33.75rpx;
}
.mt-18.data-v-0aa6b83b {
margin-top: 33.75rpx;
}
.ml-20.data-v-0aa6b83b {
margin-left: 37.5rpx;
}
.mt-20.data-v-0aa6b83b {
margin-top: 37.5rpx;
}
.ml-22.data-v-0aa6b83b {
margin-left: 41.25rpx;
}
.mt-22.data-v-0aa6b83b {
margin-top: 41.25rpx;
}
.ml-24.data-v-0aa6b83b {
margin-left: 45rpx;
}
.mt-24.data-v-0aa6b83b {
margin-top: 45rpx;
}
.ml-26.data-v-0aa6b83b {
margin-left: 48.75rpx;
}
.mt-26.data-v-0aa6b83b {
margin-top: 48.75rpx;
}
.ml-28.data-v-0aa6b83b {
margin-left: 52.5rpx;
}
.mt-28.data-v-0aa6b83b {
margin-top: 52.5rpx;
}
.ml-30.data-v-0aa6b83b {
margin-left: 56.25rpx;
}
.mt-30.data-v-0aa6b83b {
margin-top: 56.25rpx;
}
.ml-32.data-v-0aa6b83b {
margin-left: 60rpx;
}
.mt-32.data-v-0aa6b83b {
margin-top: 60rpx;
}
.ml-34.data-v-0aa6b83b {
margin-left: 63.75rpx;
}
.mt-34.data-v-0aa6b83b {
margin-top: 63.75rpx;
}
.ml-36.data-v-0aa6b83b {
margin-left: 67.5rpx;
}
.mt-36.data-v-0aa6b83b {
margin-top: 67.5rpx;
}
.ml-38.data-v-0aa6b83b {
margin-left: 71.25rpx;
}
.mt-38.data-v-0aa6b83b {
margin-top: 71.25rpx;
}
.ml-40.data-v-0aa6b83b {
margin-left: 75rpx;
}
.mt-40.data-v-0aa6b83b {
margin-top: 75rpx;
}
.ml-42.data-v-0aa6b83b {
margin-left: 78.75rpx;
}
.mt-42.data-v-0aa6b83b {
margin-top: 78.75rpx;
}
.ml-44.data-v-0aa6b83b {
margin-left: 82.5rpx;
}
.mt-44.data-v-0aa6b83b {
margin-top: 82.5rpx;
}
.ml-46.data-v-0aa6b83b {
margin-left: 86.25rpx;
}
.mt-46.data-v-0aa6b83b {
margin-top: 86.25rpx;
}
.ml-48.data-v-0aa6b83b {
margin-left: 90rpx;
}
.mt-48.data-v-0aa6b83b {
margin-top: 90rpx;
}
.ml-50.data-v-0aa6b83b {
margin-left: 93.75rpx;
}
.mt-50.data-v-0aa6b83b {
margin-top: 93.75rpx;
}
.ml-52.data-v-0aa6b83b {
margin-left: 97.5rpx;
}
.mt-52.data-v-0aa6b83b {
margin-top: 97.5rpx;
}
.ml-54.data-v-0aa6b83b {
margin-left: 101.25rpx;
}
.mt-54.data-v-0aa6b83b {
margin-top: 101.25rpx;
}
.ml-56.data-v-0aa6b83b {
margin-left: 105rpx;
}
.mt-56.data-v-0aa6b83b {
margin-top: 105rpx;
}
.ml-58.data-v-0aa6b83b {
margin-left: 108.75rpx;
}
.mt-58.data-v-0aa6b83b {
margin-top: 108.75rpx;
}
.ml-60.data-v-0aa6b83b {
margin-left: 112.5rpx;
}
.mt-60.data-v-0aa6b83b {
margin-top: 112.5rpx;
}
.ml-62.data-v-0aa6b83b {
margin-left: 116.25rpx;
}
.mt-62.data-v-0aa6b83b {
margin-top: 116.25rpx;
}
.ml-64.data-v-0aa6b83b {
margin-left: 120rpx;
}
.mt-64.data-v-0aa6b83b {
margin-top: 120rpx;
}
.ml-66.data-v-0aa6b83b {
margin-left: 123.75rpx;
}
.mt-66.data-v-0aa6b83b {
margin-top: 123.75rpx;
}
.ml-68.data-v-0aa6b83b {
margin-left: 127.5rpx;
}
.mt-68.data-v-0aa6b83b {
margin-top: 127.5rpx;
}
.ml-70.data-v-0aa6b83b {
margin-left: 131.25rpx;
}
.mt-70.data-v-0aa6b83b {
margin-top: 131.25rpx;
}
.ml-72.data-v-0aa6b83b {
margin-left: 135rpx;
}
.mt-72.data-v-0aa6b83b {
margin-top: 135rpx;
}
.ml-74.data-v-0aa6b83b {
margin-left: 138.75rpx;
}
.mt-74.data-v-0aa6b83b {
margin-top: 138.75rpx;
}
.ml-76.data-v-0aa6b83b {
margin-left: 142.5rpx;
}
.mt-76.data-v-0aa6b83b {
margin-top: 142.5rpx;
}
.ml-78.data-v-0aa6b83b {
margin-left: 146.25rpx;
}
.mt-78.data-v-0aa6b83b {
margin-top: 146.25rpx;
}
.ml-80.data-v-0aa6b83b {
margin-left: 150rpx;
}
.mt-80.data-v-0aa6b83b {
margin-top: 150rpx;
}
.ml-82.data-v-0aa6b83b {
margin-left: 153.75rpx;
}
.mt-82.data-v-0aa6b83b {
margin-top: 153.75rpx;
}
.ml-84.data-v-0aa6b83b {
margin-left: 157.5rpx;
}
.mt-84.data-v-0aa6b83b {
margin-top: 157.5rpx;
}
.ml-86.data-v-0aa6b83b {
margin-left: 161.25rpx;
}
.mt-86.data-v-0aa6b83b {
margin-top: 161.25rpx;
}
.ml-88.data-v-0aa6b83b {
margin-left: 165rpx;
}
.mt-88.data-v-0aa6b83b {
margin-top: 165rpx;
}
.ml-90.data-v-0aa6b83b {
margin-left: 168.75rpx;
}
.mt-90.data-v-0aa6b83b {
margin-top: 168.75rpx;
}
.ml-92.data-v-0aa6b83b {
margin-left: 172.5rpx;
}
.mt-92.data-v-0aa6b83b {
margin-top: 172.5rpx;
}
.ml-94.data-v-0aa6b83b {
margin-left: 176.25rpx;
}
.mt-94.data-v-0aa6b83b {
margin-top: 176.25rpx;
}
.ml-96.data-v-0aa6b83b {
margin-left: 180rpx;
}
.mt-96.data-v-0aa6b83b {
margin-top: 180rpx;
}
.ml-98.data-v-0aa6b83b {
margin-left: 183.75rpx;
}
.mt-98.data-v-0aa6b83b {
margin-top: 183.75rpx;
}
.ml-100.data-v-0aa6b83b {
margin-left: 187.5rpx;
}
.mt-100.data-v-0aa6b83b {
margin-top: 187.5rpx;
}
.mt-5.data-v-0aa6b83b {
margin-top: 9.38rpx;
}
.ml-9.data-v-0aa6b83b {
margin-left: 16.88rpx;
}
.mt-431.data-v-0aa6b83b {
margin-top: 808.13rpx;
}
.page.data-v-0aa6b83b {
padding-top: 18.75rpx;
background-color: #f5f5dc;
border-radius: 28.13rpx 28.13rpx 0rpx 0rpx;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.group.data-v-0aa6b83b {
padding: 11.25rpx 24.38rpx 7.5rpx;
}
.text.data-v-0aa6b83b {
color: #323232;
font-size: 37.5rpx;
font-family: Open Sans;
line-height: 35.21rpx;
}
.image.data-v-0aa6b83b {
width: 52.5rpx;
height: 52.5rpx;
}
.pos.data-v-0aa6b83b {
position: absolute;
right: 24.38rpx;
top: 50%;
transform: translateY(-50%);
}
.list-item.data-v-0aa6b83b {
padding: 52.5rpx 15rpx;
background-color: #fffef8;
border-bottom: solid 1.88rpx #c8c8c8;
}
.list-item.data-v-0aa6b83b:first-child {
margin-top: 0;
}
.image_3.data-v-0aa6b83b {
width: 33.75rpx;
height: 33.75rpx;
}
.font.data-v-0aa6b83b {
font-size: 30rpx;
font-family: Open Sans;
line-height: 27.19rpx;
color: #323232;
}
.font_2.data-v-0aa6b83b {
font-size: 30rpx;
font-family: Open Sans;
line-height: 22.05rpx;
color: #323232;
}
.group_2.data-v-0aa6b83b {
margin-right: 11.25rpx;
}
.image_2.data-v-0aa6b83b {
width: 39.38rpx;
height: 39.38rpx;
}
.section.data-v-0aa6b83b {
margin-left: 16.88rpx;
padding: 22.5rpx 0 15rpx;
background-color: #fffef8;
}
.text-wrapper.data-v-0aa6b83b {
padding: 30rpx 0;
background-color: #fbb612;
border-radius: 75rpx;
width: 639.38rpx;
}
.text_2.data-v-0aa6b83b {
color: #ffffff;
font-size: 33.75rpx;
font-family: Open Sans;
line-height: 31.22rpx;
}

View File

@ -0,0 +1,23 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const _sfc_main = {
__name: "booking",
setup(__props) {
const item = common_vendor.ref([null, null, null]);
const goto = () => {
common_vendor.index.navigateTo({
url: "/pages/mine/bookings/bookings"
});
};
return (_ctx, _cache) => {
return {
a: common_vendor.o(($event) => goto()),
b: common_vendor.f(item.value, (i, k0, i0) => {
return {};
})
};
};
}
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-8f30db34"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/mine/bookings/booking.vue"]]);
wx.createPage(MiniProgramPage);

View File

@ -0,0 +1,4 @@
{
"navigationBarTitleText": "",
"usingComponents": {}
}

View File

@ -0,0 +1 @@
<view class="flex-col page data-v-8f30db34"><view class="flex-col section data-v-8f30db34"><view class="flex-row justify-between self-stretch group data-v-8f30db34"><text class="font text data-v-8f30db34">待消费</text><text class="font text_2 data-v-8f30db34" bindtap="{{a}}">已消费</text></view><view class="self-start section_2 data-v-8f30db34"></view></view><view wx:for="{{b}}" wx:for-item="i" class="flex-col section_3 mt-13 data-v-8f30db34"><text class="self-end font_2 text_3 data-v-8f30db34">待消费</text><view class="flex-row items-baseline self-stretch group_2 data-v-8f30db34"><text class="font_3 text_4 data-v-8f30db34">订单编号:</text><text class="font_3 text_5 ml-5 data-v-8f30db34">E20241005095840091406189</text></view><view class="flex-row self-stretch group_3 data-v-8f30db34"><image class="shrink-0 image data-v-8f30db34" src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=bc0e955304da0a2ccafe3a66ac1f3aca.png"/><view class="flex-col flex-1 group_4 data-v-8f30db34"><view class="flex-row justify-center self-stretch relative data-v-8f30db34"><text class="font_2 text_6 pos data-v-8f30db34">整套约拍</text><text class="font_2 text_7 data-v-8f30db34">【时尚精选】</text></view><text class="self-start font_5 text_10 data-v-8f30db34">到店日期2024-10-15</text><text class="self-start font_5 text_1 data-v-8f30db34">具体场次上午场09:30-12:00</text><text class="self-stretch text_11 data-v-8f30db34">已选服务:妆发服务;摄影服务;室内;</text></view><view class="flex-row items-center shrink-0 self-start group_5 data-v-8f30db34"><text class="text_8 data-v-8f30db34">138.</text><image class="shrink-0 image_2 image_3 data-v-8f30db34" src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=6c5700b3ac5fd83a23d838cb456bdd10.png"/><text class="font_4 text_9 data-v-8f30db34">00</text></view></view><view class="flex-row justify-end items-center self-stretch group_6 data-v-8f30db34"><text class="font_2 text_12 data-v-8f30db34">去支付:</text><image class="image_2 data-v-8f30db34" src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=ea05ec17023763edb8cfe919508e0459.png"/><view class="group_7 data-v-8f30db34"><text class="text_13 data-v-8f30db34">88</text><text class="font_4 text_14 data-v-8f30db34">.00</text></view></view></view></view>

View File

@ -0,0 +1,567 @@
/* 水平间距 */
/* 水平间距 */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示 **
************************************************************/
html.data-v-8f30db34 {
font-size: 16px;
}
body.data-v-8f30db34 {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
view.data-v-8f30db34,
image.data-v-8f30db34,
text.data-v-8f30db34 {
box-sizing: border-box;
flex-shrink: 0;
}
#app.data-v-8f30db34 {
width: 100vw;
height: 100vh;
}
.flex-row.data-v-8f30db34 {
display: flex;
flex-direction: row;
}
.flex-col.data-v-8f30db34 {
display: flex;
flex-direction: column;
}
.justify-start.data-v-8f30db34 {
justify-content: flex-start;
}
.justify-end.data-v-8f30db34 {
justify-content: flex-end;
}
.justify-center.data-v-8f30db34 {
justify-content: center;
}
.justify-between.data-v-8f30db34 {
justify-content: space-between;
}
.justify-around.data-v-8f30db34 {
justify-content: space-around;
}
.justify-evenly.data-v-8f30db34 {
justify-content: space-evenly;
}
.items-start.data-v-8f30db34 {
align-items: flex-start;
}
.items-end.data-v-8f30db34 {
align-items: flex-end;
}
.items-center.data-v-8f30db34 {
align-items: center;
}
.items-baseline.data-v-8f30db34 {
align-items: baseline;
}
.items-stretch.data-v-8f30db34 {
align-items: stretch;
}
.self-start.data-v-8f30db34 {
align-self: flex-start;
}
.self-end.data-v-8f30db34 {
align-self: flex-end;
}
.self-center.data-v-8f30db34 {
align-self: center;
}
.self-baseline.data-v-8f30db34 {
align-self: baseline;
}
.self-stretch.data-v-8f30db34 {
align-self: stretch;
}
.flex-1.data-v-8f30db34 {
flex: 1 1 0%;
}
.flex-auto.data-v-8f30db34 {
flex: 1 1 auto;
}
.grow.data-v-8f30db34 {
flex-grow: 1;
}
.grow-0.data-v-8f30db34 {
flex-grow: 0;
}
.shrink.data-v-8f30db34 {
flex-shrink: 1;
}
.shrink-0.data-v-8f30db34 {
flex-shrink: 0;
}
.relative.data-v-8f30db34 {
position: relative;
}
.ml-2.data-v-8f30db34 {
margin-left: 3.75rpx;
}
.mt-2.data-v-8f30db34 {
margin-top: 3.75rpx;
}
.ml-4.data-v-8f30db34 {
margin-left: 7.5rpx;
}
.mt-4.data-v-8f30db34 {
margin-top: 7.5rpx;
}
.ml-6.data-v-8f30db34 {
margin-left: 11.25rpx;
}
.mt-6.data-v-8f30db34 {
margin-top: 11.25rpx;
}
.ml-8.data-v-8f30db34 {
margin-left: 15rpx;
}
.mt-8.data-v-8f30db34 {
margin-top: 15rpx;
}
.ml-10.data-v-8f30db34 {
margin-left: 18.75rpx;
}
.mt-10.data-v-8f30db34 {
margin-top: 18.75rpx;
}
.ml-12.data-v-8f30db34 {
margin-left: 22.5rpx;
}
.mt-12.data-v-8f30db34 {
margin-top: 22.5rpx;
}
.ml-14.data-v-8f30db34 {
margin-left: 26.25rpx;
}
.mt-14.data-v-8f30db34 {
margin-top: 26.25rpx;
}
.ml-16.data-v-8f30db34 {
margin-left: 30rpx;
}
.mt-16.data-v-8f30db34 {
margin-top: 30rpx;
}
.ml-18.data-v-8f30db34 {
margin-left: 33.75rpx;
}
.mt-18.data-v-8f30db34 {
margin-top: 33.75rpx;
}
.ml-20.data-v-8f30db34 {
margin-left: 37.5rpx;
}
.mt-20.data-v-8f30db34 {
margin-top: 37.5rpx;
}
.ml-22.data-v-8f30db34 {
margin-left: 41.25rpx;
}
.mt-22.data-v-8f30db34 {
margin-top: 41.25rpx;
}
.ml-24.data-v-8f30db34 {
margin-left: 45rpx;
}
.mt-24.data-v-8f30db34 {
margin-top: 45rpx;
}
.ml-26.data-v-8f30db34 {
margin-left: 48.75rpx;
}
.mt-26.data-v-8f30db34 {
margin-top: 48.75rpx;
}
.ml-28.data-v-8f30db34 {
margin-left: 52.5rpx;
}
.mt-28.data-v-8f30db34 {
margin-top: 52.5rpx;
}
.ml-30.data-v-8f30db34 {
margin-left: 56.25rpx;
}
.mt-30.data-v-8f30db34 {
margin-top: 56.25rpx;
}
.ml-32.data-v-8f30db34 {
margin-left: 60rpx;
}
.mt-32.data-v-8f30db34 {
margin-top: 60rpx;
}
.ml-34.data-v-8f30db34 {
margin-left: 63.75rpx;
}
.mt-34.data-v-8f30db34 {
margin-top: 63.75rpx;
}
.ml-36.data-v-8f30db34 {
margin-left: 67.5rpx;
}
.mt-36.data-v-8f30db34 {
margin-top: 67.5rpx;
}
.ml-38.data-v-8f30db34 {
margin-left: 71.25rpx;
}
.mt-38.data-v-8f30db34 {
margin-top: 71.25rpx;
}
.ml-40.data-v-8f30db34 {
margin-left: 75rpx;
}
.mt-40.data-v-8f30db34 {
margin-top: 75rpx;
}
.ml-42.data-v-8f30db34 {
margin-left: 78.75rpx;
}
.mt-42.data-v-8f30db34 {
margin-top: 78.75rpx;
}
.ml-44.data-v-8f30db34 {
margin-left: 82.5rpx;
}
.mt-44.data-v-8f30db34 {
margin-top: 82.5rpx;
}
.ml-46.data-v-8f30db34 {
margin-left: 86.25rpx;
}
.mt-46.data-v-8f30db34 {
margin-top: 86.25rpx;
}
.ml-48.data-v-8f30db34 {
margin-left: 90rpx;
}
.mt-48.data-v-8f30db34 {
margin-top: 90rpx;
}
.ml-50.data-v-8f30db34 {
margin-left: 93.75rpx;
}
.mt-50.data-v-8f30db34 {
margin-top: 93.75rpx;
}
.ml-52.data-v-8f30db34 {
margin-left: 97.5rpx;
}
.mt-52.data-v-8f30db34 {
margin-top: 97.5rpx;
}
.ml-54.data-v-8f30db34 {
margin-left: 101.25rpx;
}
.mt-54.data-v-8f30db34 {
margin-top: 101.25rpx;
}
.ml-56.data-v-8f30db34 {
margin-left: 105rpx;
}
.mt-56.data-v-8f30db34 {
margin-top: 105rpx;
}
.ml-58.data-v-8f30db34 {
margin-left: 108.75rpx;
}
.mt-58.data-v-8f30db34 {
margin-top: 108.75rpx;
}
.ml-60.data-v-8f30db34 {
margin-left: 112.5rpx;
}
.mt-60.data-v-8f30db34 {
margin-top: 112.5rpx;
}
.ml-62.data-v-8f30db34 {
margin-left: 116.25rpx;
}
.mt-62.data-v-8f30db34 {
margin-top: 116.25rpx;
}
.ml-64.data-v-8f30db34 {
margin-left: 120rpx;
}
.mt-64.data-v-8f30db34 {
margin-top: 120rpx;
}
.ml-66.data-v-8f30db34 {
margin-left: 123.75rpx;
}
.mt-66.data-v-8f30db34 {
margin-top: 123.75rpx;
}
.ml-68.data-v-8f30db34 {
margin-left: 127.5rpx;
}
.mt-68.data-v-8f30db34 {
margin-top: 127.5rpx;
}
.ml-70.data-v-8f30db34 {
margin-left: 131.25rpx;
}
.mt-70.data-v-8f30db34 {
margin-top: 131.25rpx;
}
.ml-72.data-v-8f30db34 {
margin-left: 135rpx;
}
.mt-72.data-v-8f30db34 {
margin-top: 135rpx;
}
.ml-74.data-v-8f30db34 {
margin-left: 138.75rpx;
}
.mt-74.data-v-8f30db34 {
margin-top: 138.75rpx;
}
.ml-76.data-v-8f30db34 {
margin-left: 142.5rpx;
}
.mt-76.data-v-8f30db34 {
margin-top: 142.5rpx;
}
.ml-78.data-v-8f30db34 {
margin-left: 146.25rpx;
}
.mt-78.data-v-8f30db34 {
margin-top: 146.25rpx;
}
.ml-80.data-v-8f30db34 {
margin-left: 150rpx;
}
.mt-80.data-v-8f30db34 {
margin-top: 150rpx;
}
.ml-82.data-v-8f30db34 {
margin-left: 153.75rpx;
}
.mt-82.data-v-8f30db34 {
margin-top: 153.75rpx;
}
.ml-84.data-v-8f30db34 {
margin-left: 157.5rpx;
}
.mt-84.data-v-8f30db34 {
margin-top: 157.5rpx;
}
.ml-86.data-v-8f30db34 {
margin-left: 161.25rpx;
}
.mt-86.data-v-8f30db34 {
margin-top: 161.25rpx;
}
.ml-88.data-v-8f30db34 {
margin-left: 165rpx;
}
.mt-88.data-v-8f30db34 {
margin-top: 165rpx;
}
.ml-90.data-v-8f30db34 {
margin-left: 168.75rpx;
}
.mt-90.data-v-8f30db34 {
margin-top: 168.75rpx;
}
.ml-92.data-v-8f30db34 {
margin-left: 172.5rpx;
}
.mt-92.data-v-8f30db34 {
margin-top: 172.5rpx;
}
.ml-94.data-v-8f30db34 {
margin-left: 176.25rpx;
}
.mt-94.data-v-8f30db34 {
margin-top: 176.25rpx;
}
.ml-96.data-v-8f30db34 {
margin-left: 180rpx;
}
.mt-96.data-v-8f30db34 {
margin-top: 180rpx;
}
.ml-98.data-v-8f30db34 {
margin-left: 183.75rpx;
}
.mt-98.data-v-8f30db34 {
margin-top: 183.75rpx;
}
.ml-100.data-v-8f30db34 {
margin-left: 187.5rpx;
}
.mt-100.data-v-8f30db34 {
margin-top: 187.5rpx;
}
.mt-13.data-v-8f30db34 {
margin-top: 24.38rpx;
}
.ml-5.data-v-8f30db34 {
margin-left: 9.38rpx;
}
.page.data-v-8f30db34 {
padding-bottom: 1185rpx;
background-color: #f8e8c1;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section.data-v-8f30db34 {
padding: 0 121.88rpx;
background-color: #fffef8;
}
.group.data-v-8f30db34 {
padding: 21.68rpx 4.71rpx 18.23rpx 10.22rpx;
}
.font.data-v-8f30db34 {
font-size: 30rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text.data-v-8f30db34 {
line-height: 27.6rpx;
}
.text_2.data-v-8f30db34 {
line-height: 27.6rpx;
}
.section_2.data-v-8f30db34 {
background-color: #fb8b05;
width: 112.5rpx;
height: 5.63rpx;
}
.section_3.data-v-8f30db34 {
margin-left: 16.88rpx;
margin-right: 15rpx;
padding: 35.4rpx 19.89rpx 35.4rpx 24.38rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
}
.font_2.data-v-8f30db34 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text_3.data-v-8f30db34 {
color: #fb8b05;
line-height: 24.15rpx;
}
.group_2.data-v-8f30db34 {
margin-top: 18.49rpx;
}
.font_3.data-v-8f30db34 {
font-size: 22.5rpx;
font-family: Open Sans;
color: #818181;
}
.text_4.data-v-8f30db34 {
line-height: 20.85rpx;
}
.text_5.data-v-8f30db34 {
line-height: 16.54rpx;
}
.group_3.data-v-8f30db34 {
margin-top: 29.81rpx;
}
.image.data-v-8f30db34 {
border-radius: 9.38rpx;
width: 118.13rpx;
height: 151.88rpx;
}
.group_4.data-v-8f30db34 {
margin-left: 23.38rpx;
margin-top: 2.19rpx;
}
.text_6.data-v-8f30db34 {
line-height: 24.49rpx;
}
.pos.data-v-8f30db34 {
position: absolute;
left: 0.15rpx;
top: 50%;
transform: translateY(-50%);
}
.text_7.data-v-8f30db34 {
line-height: 24.43rpx;
}
.font_5.data-v-8f30db34 {
font-size: 22.5rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text_10.data-v-8f30db34 {
margin-top: 22.91rpx;
}
.text_1.data-v-8f30db34 {
margin-top: 3.39rpx;
}
.text_11.data-v-8f30db34 {
margin-top: 20.89rpx;
color: #939393;
font-size: 22.5rpx;
font-family: Inter;
line-height: 22.97rpx;
}
.group_5.data-v-8f30db34 {
margin-left: 3.52rpx;
margin-right: 14.59rpx;
}
.text_8.data-v-8f30db34 {
margin-left: 25.03rpx;
color: #323232;
font-size: 33.75rpx;
font-family: Open Sans;
font-weight: 600;
line-height: 24.88rpx;
}
.image_2.data-v-8f30db34 {
width: 30rpx;
height: 26.25rpx;
}
.image_3.data-v-8f30db34 {
margin-left: -90.66rpx;
}
.font_4.data-v-8f30db34 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 19.29rpx;
font-weight: 600;
}
.text_9.data-v-8f30db34 {
margin-left: 61.14rpx;
color: #323232;
}
.group_6.data-v-8f30db34 {
margin-top: 26.68rpx;
padding: 0 9.54rpx;
}
.text_12.data-v-8f30db34 {
margin-right: -8.06rpx;
line-height: 24.23rpx;
}
.group_7.data-v-8f30db34 {
line-height: 21.99rpx;
height: 22.05rpx;
}
.text_13.data-v-8f30db34 {
color: #fb8b05;
font-size: 30rpx;
font-family: Open Sans;
font-weight: 600;
line-height: 21.99rpx;
}
.text_14.data-v-8f30db34 {
color: #fb8b05;
line-height: 19.39rpx;
}

View File

@ -0,0 +1,23 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const _sfc_main = {
__name: "bookings",
setup(__props) {
const goto = () => {
common_vendor.index.navigateTo({
url: "/pages/mine/bookings/booking"
});
};
const item = common_vendor.ref([null, null, null]);
return (_ctx, _cache) => {
return {
a: common_vendor.o(($event) => goto()),
b: common_vendor.f(item.value, (i, k0, i0) => {
return {};
})
};
};
}
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-ba0a1264"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/mine/bookings/bookings.vue"]]);
wx.createPage(MiniProgramPage);

View File

@ -0,0 +1,4 @@
{
"navigationBarTitleText": "",
"usingComponents": {}
}

View File

@ -0,0 +1 @@
<view class="flex-col page data-v-ba0a1264"><view class="flex-col section data-v-ba0a1264"><view class="flex-row justify-between self-stretch group data-v-ba0a1264"><text class="font text data-v-ba0a1264" bindtap="{{a}}">待消费</text><text class="font text_2 data-v-ba0a1264">已消费</text></view><view class="self-end section_2 data-v-ba0a1264"></view></view><view wx:for="{{b}}" wx:for-item="i" class="flex-col section_3 mt-16 data-v-ba0a1264"><text class="self-end font_2 text_3 data-v-ba0a1264">已消费</text><view class="flex-row items-baseline self-stretch group_2 data-v-ba0a1264"><text class="font_3 text_4 data-v-ba0a1264">订单编号:</text><text class="font_3 text_5 ml-5 data-v-ba0a1264">E20241005095840091406189</text></view><view class="flex-row self-stretch group_3 data-v-ba0a1264"><image class="shrink-0 image data-v-ba0a1264" src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=bc0e955304da0a2ccafe3a66ac1f3aca.png"/><view class="flex-col flex-1 group_4 data-v-ba0a1264"><view class="flex-row justify-center self-stretch relative data-v-ba0a1264"><text class="font_2 text_6 pos data-v-ba0a1264">整套约拍</text><text class="font_2 text_7 data-v-ba0a1264">【时尚精选】</text></view><text class="self-start font_5 text_10 data-v-ba0a1264">到店日期2024-10-15</text><text class="self-start font_5 text_1 data-v-ba0a1264">具体场次上午场09:30-12:00</text><text class="self-stretch text_11 data-v-ba0a1264">已选服务:妆发服务;摄影服务;室内;</text></view><view class="flex-row items-center shrink-0 self-start group_5 data-v-ba0a1264"><text class="text_8 data-v-ba0a1264">138.</text><image class="shrink-0 image_2 image_3 data-v-ba0a1264" src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=6c5700b3ac5fd83a23d838cb456bdd10.png"/><text class="font_4 text_9 data-v-ba0a1264">00</text></view></view><view class="flex-row justify-end items-center self-stretch group_6 data-v-ba0a1264"><text class="font_2 text_12 data-v-ba0a1264">已付款:</text><image class="image_2 data-v-ba0a1264" src="https://ide.code.fun/api/image?token=6736eddfc471750012df05d6&name=ea05ec17023763edb8cfe919508e0459.png"/><view class="group_7 data-v-ba0a1264"><text class="text_13 data-v-ba0a1264">88</text><text class="font_4 text_14 data-v-ba0a1264">.00</text></view></view><view class="flex-col justify-start items-center self-end text-wrapper data-v-ba0a1264"><text class="font_2 text_15 data-v-ba0a1264">删除记录</text></view></view></view>

View File

@ -0,0 +1,577 @@
/* 水平间距 */
/* 水平间距 */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示 **
************************************************************/
html.data-v-ba0a1264 {
font-size: 16px;
}
body.data-v-ba0a1264 {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
view.data-v-ba0a1264,
image.data-v-ba0a1264,
text.data-v-ba0a1264 {
box-sizing: border-box;
flex-shrink: 0;
}
#app.data-v-ba0a1264 {
width: 100vw;
height: 100vh;
}
.flex-row.data-v-ba0a1264 {
display: flex;
flex-direction: row;
}
.flex-col.data-v-ba0a1264 {
display: flex;
flex-direction: column;
}
.justify-start.data-v-ba0a1264 {
justify-content: flex-start;
}
.justify-end.data-v-ba0a1264 {
justify-content: flex-end;
}
.justify-center.data-v-ba0a1264 {
justify-content: center;
}
.justify-between.data-v-ba0a1264 {
justify-content: space-between;
}
.justify-around.data-v-ba0a1264 {
justify-content: space-around;
}
.justify-evenly.data-v-ba0a1264 {
justify-content: space-evenly;
}
.items-start.data-v-ba0a1264 {
align-items: flex-start;
}
.items-end.data-v-ba0a1264 {
align-items: flex-end;
}
.items-center.data-v-ba0a1264 {
align-items: center;
}
.items-baseline.data-v-ba0a1264 {
align-items: baseline;
}
.items-stretch.data-v-ba0a1264 {
align-items: stretch;
}
.self-start.data-v-ba0a1264 {
align-self: flex-start;
}
.self-end.data-v-ba0a1264 {
align-self: flex-end;
}
.self-center.data-v-ba0a1264 {
align-self: center;
}
.self-baseline.data-v-ba0a1264 {
align-self: baseline;
}
.self-stretch.data-v-ba0a1264 {
align-self: stretch;
}
.flex-1.data-v-ba0a1264 {
flex: 1 1 0%;
}
.flex-auto.data-v-ba0a1264 {
flex: 1 1 auto;
}
.grow.data-v-ba0a1264 {
flex-grow: 1;
}
.grow-0.data-v-ba0a1264 {
flex-grow: 0;
}
.shrink.data-v-ba0a1264 {
flex-shrink: 1;
}
.shrink-0.data-v-ba0a1264 {
flex-shrink: 0;
}
.relative.data-v-ba0a1264 {
position: relative;
}
.ml-2.data-v-ba0a1264 {
margin-left: 3.75rpx;
}
.mt-2.data-v-ba0a1264 {
margin-top: 3.75rpx;
}
.ml-4.data-v-ba0a1264 {
margin-left: 7.5rpx;
}
.mt-4.data-v-ba0a1264 {
margin-top: 7.5rpx;
}
.ml-6.data-v-ba0a1264 {
margin-left: 11.25rpx;
}
.mt-6.data-v-ba0a1264 {
margin-top: 11.25rpx;
}
.ml-8.data-v-ba0a1264 {
margin-left: 15rpx;
}
.mt-8.data-v-ba0a1264 {
margin-top: 15rpx;
}
.ml-10.data-v-ba0a1264 {
margin-left: 18.75rpx;
}
.mt-10.data-v-ba0a1264 {
margin-top: 18.75rpx;
}
.ml-12.data-v-ba0a1264 {
margin-left: 22.5rpx;
}
.mt-12.data-v-ba0a1264 {
margin-top: 22.5rpx;
}
.ml-14.data-v-ba0a1264 {
margin-left: 26.25rpx;
}
.mt-14.data-v-ba0a1264 {
margin-top: 26.25rpx;
}
.ml-16.data-v-ba0a1264 {
margin-left: 30rpx;
}
.mt-16.data-v-ba0a1264 {
margin-top: 30rpx;
}
.ml-18.data-v-ba0a1264 {
margin-left: 33.75rpx;
}
.mt-18.data-v-ba0a1264 {
margin-top: 33.75rpx;
}
.ml-20.data-v-ba0a1264 {
margin-left: 37.5rpx;
}
.mt-20.data-v-ba0a1264 {
margin-top: 37.5rpx;
}
.ml-22.data-v-ba0a1264 {
margin-left: 41.25rpx;
}
.mt-22.data-v-ba0a1264 {
margin-top: 41.25rpx;
}
.ml-24.data-v-ba0a1264 {
margin-left: 45rpx;
}
.mt-24.data-v-ba0a1264 {
margin-top: 45rpx;
}
.ml-26.data-v-ba0a1264 {
margin-left: 48.75rpx;
}
.mt-26.data-v-ba0a1264 {
margin-top: 48.75rpx;
}
.ml-28.data-v-ba0a1264 {
margin-left: 52.5rpx;
}
.mt-28.data-v-ba0a1264 {
margin-top: 52.5rpx;
}
.ml-30.data-v-ba0a1264 {
margin-left: 56.25rpx;
}
.mt-30.data-v-ba0a1264 {
margin-top: 56.25rpx;
}
.ml-32.data-v-ba0a1264 {
margin-left: 60rpx;
}
.mt-32.data-v-ba0a1264 {
margin-top: 60rpx;
}
.ml-34.data-v-ba0a1264 {
margin-left: 63.75rpx;
}
.mt-34.data-v-ba0a1264 {
margin-top: 63.75rpx;
}
.ml-36.data-v-ba0a1264 {
margin-left: 67.5rpx;
}
.mt-36.data-v-ba0a1264 {
margin-top: 67.5rpx;
}
.ml-38.data-v-ba0a1264 {
margin-left: 71.25rpx;
}
.mt-38.data-v-ba0a1264 {
margin-top: 71.25rpx;
}
.ml-40.data-v-ba0a1264 {
margin-left: 75rpx;
}
.mt-40.data-v-ba0a1264 {
margin-top: 75rpx;
}
.ml-42.data-v-ba0a1264 {
margin-left: 78.75rpx;
}
.mt-42.data-v-ba0a1264 {
margin-top: 78.75rpx;
}
.ml-44.data-v-ba0a1264 {
margin-left: 82.5rpx;
}
.mt-44.data-v-ba0a1264 {
margin-top: 82.5rpx;
}
.ml-46.data-v-ba0a1264 {
margin-left: 86.25rpx;
}
.mt-46.data-v-ba0a1264 {
margin-top: 86.25rpx;
}
.ml-48.data-v-ba0a1264 {
margin-left: 90rpx;
}
.mt-48.data-v-ba0a1264 {
margin-top: 90rpx;
}
.ml-50.data-v-ba0a1264 {
margin-left: 93.75rpx;
}
.mt-50.data-v-ba0a1264 {
margin-top: 93.75rpx;
}
.ml-52.data-v-ba0a1264 {
margin-left: 97.5rpx;
}
.mt-52.data-v-ba0a1264 {
margin-top: 97.5rpx;
}
.ml-54.data-v-ba0a1264 {
margin-left: 101.25rpx;
}
.mt-54.data-v-ba0a1264 {
margin-top: 101.25rpx;
}
.ml-56.data-v-ba0a1264 {
margin-left: 105rpx;
}
.mt-56.data-v-ba0a1264 {
margin-top: 105rpx;
}
.ml-58.data-v-ba0a1264 {
margin-left: 108.75rpx;
}
.mt-58.data-v-ba0a1264 {
margin-top: 108.75rpx;
}
.ml-60.data-v-ba0a1264 {
margin-left: 112.5rpx;
}
.mt-60.data-v-ba0a1264 {
margin-top: 112.5rpx;
}
.ml-62.data-v-ba0a1264 {
margin-left: 116.25rpx;
}
.mt-62.data-v-ba0a1264 {
margin-top: 116.25rpx;
}
.ml-64.data-v-ba0a1264 {
margin-left: 120rpx;
}
.mt-64.data-v-ba0a1264 {
margin-top: 120rpx;
}
.ml-66.data-v-ba0a1264 {
margin-left: 123.75rpx;
}
.mt-66.data-v-ba0a1264 {
margin-top: 123.75rpx;
}
.ml-68.data-v-ba0a1264 {
margin-left: 127.5rpx;
}
.mt-68.data-v-ba0a1264 {
margin-top: 127.5rpx;
}
.ml-70.data-v-ba0a1264 {
margin-left: 131.25rpx;
}
.mt-70.data-v-ba0a1264 {
margin-top: 131.25rpx;
}
.ml-72.data-v-ba0a1264 {
margin-left: 135rpx;
}
.mt-72.data-v-ba0a1264 {
margin-top: 135rpx;
}
.ml-74.data-v-ba0a1264 {
margin-left: 138.75rpx;
}
.mt-74.data-v-ba0a1264 {
margin-top: 138.75rpx;
}
.ml-76.data-v-ba0a1264 {
margin-left: 142.5rpx;
}
.mt-76.data-v-ba0a1264 {
margin-top: 142.5rpx;
}
.ml-78.data-v-ba0a1264 {
margin-left: 146.25rpx;
}
.mt-78.data-v-ba0a1264 {
margin-top: 146.25rpx;
}
.ml-80.data-v-ba0a1264 {
margin-left: 150rpx;
}
.mt-80.data-v-ba0a1264 {
margin-top: 150rpx;
}
.ml-82.data-v-ba0a1264 {
margin-left: 153.75rpx;
}
.mt-82.data-v-ba0a1264 {
margin-top: 153.75rpx;
}
.ml-84.data-v-ba0a1264 {
margin-left: 157.5rpx;
}
.mt-84.data-v-ba0a1264 {
margin-top: 157.5rpx;
}
.ml-86.data-v-ba0a1264 {
margin-left: 161.25rpx;
}
.mt-86.data-v-ba0a1264 {
margin-top: 161.25rpx;
}
.ml-88.data-v-ba0a1264 {
margin-left: 165rpx;
}
.mt-88.data-v-ba0a1264 {
margin-top: 165rpx;
}
.ml-90.data-v-ba0a1264 {
margin-left: 168.75rpx;
}
.mt-90.data-v-ba0a1264 {
margin-top: 168.75rpx;
}
.ml-92.data-v-ba0a1264 {
margin-left: 172.5rpx;
}
.mt-92.data-v-ba0a1264 {
margin-top: 172.5rpx;
}
.ml-94.data-v-ba0a1264 {
margin-left: 176.25rpx;
}
.mt-94.data-v-ba0a1264 {
margin-top: 176.25rpx;
}
.ml-96.data-v-ba0a1264 {
margin-left: 180rpx;
}
.mt-96.data-v-ba0a1264 {
margin-top: 180rpx;
}
.ml-98.data-v-ba0a1264 {
margin-left: 183.75rpx;
}
.mt-98.data-v-ba0a1264 {
margin-top: 183.75rpx;
}
.ml-100.data-v-ba0a1264 {
margin-left: 187.5rpx;
}
.mt-100.data-v-ba0a1264 {
margin-top: 187.5rpx;
}
.ml-5.data-v-ba0a1264 {
margin-left: 9.38rpx;
}
.page.data-v-ba0a1264 {
padding-bottom: 1085.63rpx;
background-color: #f8e8c1;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section.data-v-ba0a1264 {
padding-left: 132.09rpx;
padding-right: 116.25rpx;
background-color: #fffef8;
}
.group.data-v-ba0a1264 {
padding: 21.68rpx 0 19.16rpx;
}
.font.data-v-ba0a1264 {
font-size: 30rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text.data-v-ba0a1264 {
line-height: 27.6rpx;
}
.text_2.data-v-ba0a1264 {
margin-right: 10.33rpx;
line-height: 27.6rpx;
}
.section_2.data-v-ba0a1264 {
background-color: #fb8b05;
width: 112.5rpx;
height: 5.63rpx;
}
.section_3.data-v-ba0a1264 {
margin-left: 16.88rpx;
margin-right: 15rpx;
padding: 30rpx 20.06rpx 30rpx 24.38rpx;
background-color: #fffef8;
border-radius: 18.75rpx;
}
.font_2.data-v-ba0a1264 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text_3.data-v-ba0a1264 {
color: #fb8b05;
line-height: 24.15rpx;
}
.group_2.data-v-ba0a1264 {
margin-top: 18.49rpx;
}
.font_3.data-v-ba0a1264 {
font-size: 22.5rpx;
font-family: Open Sans;
color: #818181;
}
.text_4.data-v-ba0a1264 {
line-height: 20.85rpx;
}
.text_5.data-v-ba0a1264 {
line-height: 16.54rpx;
}
.group_3.data-v-ba0a1264 {
margin-top: 29.81rpx;
}
.image.data-v-ba0a1264 {
border-radius: 9.38rpx;
width: 118.13rpx;
height: 151.88rpx;
}
.group_4.data-v-ba0a1264 {
margin: 2.19rpx 0 5.38rpx 23.38rpx;
}
.text_6.data-v-ba0a1264 {
line-height: 24.49rpx;
}
.pos.data-v-ba0a1264 {
position: absolute;
left: 0.15rpx;
top: 50%;
transform: translateY(-50%);
}
.text_7.data-v-ba0a1264 {
line-height: 24.43rpx;
}
.font_5.data-v-ba0a1264 {
font-size: 22.5rpx;
font-family: Open Sans;
line-height: 26.25rpx;
color: #323232;
}
.text_10.data-v-ba0a1264 {
margin-top: 21.04rpx;
}
.text_1.data-v-ba0a1264 {
margin-top: 3.39rpx;
}
.text_11.data-v-ba0a1264 {
margin-top: 19.01rpx;
color: #939393;
font-size: 22.5rpx;
font-family: Inter;
line-height: 22.97rpx;
}
.group_5.data-v-ba0a1264 {
margin-left: 3.52rpx;
margin-right: 14.42rpx;
}
.text_8.data-v-ba0a1264 {
margin-left: 25.03rpx;
color: #323232;
font-size: 33.75rpx;
font-family: Open Sans;
font-weight: 600;
line-height: 24.88rpx;
}
.image_2.data-v-ba0a1264 {
width: 30rpx;
height: 26.25rpx;
}
.image_3.data-v-ba0a1264 {
margin-left: -90.66rpx;
}
.font_4.data-v-ba0a1264 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 19.29rpx;
font-weight: 600;
}
.text_9.data-v-ba0a1264 {
margin-left: 61.14rpx;
color: #323232;
}
.group_6.data-v-ba0a1264 {
margin-top: 37.93rpx;
padding: 0 9.38rpx;
}
.text_12.data-v-ba0a1264 {
margin-right: -8.06rpx;
line-height: 24.23rpx;
}
.group_7.data-v-ba0a1264 {
line-height: 21.99rpx;
height: 22.05rpx;
}
.text_13.data-v-ba0a1264 {
color: #fb8b05;
font-size: 30rpx;
font-family: Open Sans;
font-weight: 600;
line-height: 21.99rpx;
}
.text_14.data-v-ba0a1264 {
color: #fb8b05;
line-height: 19.39rpx;
}
.text-wrapper.data-v-ba0a1264 {
margin-right: 2.44rpx;
margin-top: 35.4rpx;
padding: 13.54rpx 0 14.83rpx;
background-color: #fffef8;
border-radius: 75rpx;
width: 155.63rpx;
border: solid 1.88rpx #cbcbcb;
}
.text_15.data-v-ba0a1264 {
line-height: 24.13rpx;
}