123
This commit is contained in:
parent
3f60e6eff1
commit
e2a57e1490
5
.idea/.gitignore
vendored
Normal file
5
.idea/.gitignore
vendored
Normal file
|
@ -0,0 +1,5 @@
|
|||
# 默认忽略的文件
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# 基于编辑器的 HTTP 客户端请求
|
||||
/httpRequests/
|
12
.idea/jiangchengfeiyi-xiaochengxu.iml
Normal file
12
.idea/jiangchengfeiyi-xiaochengxu.iml
Normal 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
8
.idea/modules.xml
Normal 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
6
.idea/vcs.xml
Normal 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
12
node_modules/.package-lock.json
generated
vendored
Normal 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
5
package.json
Normal file
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"dependencies": {
|
||||
"mitt": "^3.0.1"
|
||||
}
|
||||
}
|
46
pages/booking/CostumeDetails/CostumeDetails.vue
Normal file
46
pages/booking/CostumeDetails/CostumeDetails.vue
Normal 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>
|
223
pages/booking/CostumeDisplay/CostumeDisplay.vue
Normal file
223
pages/booking/CostumeDisplay/CostumeDisplay.vue
Normal 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>
|
298
pages/mine/Contact/Contact.vue
Normal file
298
pages/mine/Contact/Contact.vue
Normal 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>
|
261
pages/mine/bookings/booking.vue
Normal file
261
pages/mine/bookings/booking.vue
Normal 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>
|
275
pages/mine/bookings/bookings.vue
Normal file
275
pages/mine/bookings/bookings.vue
Normal 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>
|
49
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDetails/CostumeDetails.js
vendored
Normal file
49
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDetails/CostumeDetails.js
vendored
Normal 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);
|
4
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDetails/CostumeDetails.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDetails/CostumeDetails.json
vendored
Normal file
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
1
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDetails/CostumeDetails.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDetails/CostumeDetails.wxml
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
<view>{{a}}</view><image src="{{b}}"></image><image src="{{c}}"></image><view>{{d}}</view><view>{{e}}</view><view>{{f}}</view>
|
0
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDetails/CostumeDetails.wxss
vendored
Normal file
0
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDetails/CostumeDetails.wxss
vendored
Normal file
61
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDisplay/CostumeDisplay.js
vendored
Normal file
61
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDisplay/CostumeDisplay.js
vendored
Normal 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);
|
4
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDisplay/CostumeDisplay.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDisplay/CostumeDisplay.json
vendored
Normal file
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
1
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDisplay/CostumeDisplay.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDisplay/CostumeDisplay.wxml
vendored
Normal 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>
|
526
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDisplay/CostumeDisplay.wxss
vendored
Normal file
526
unpackage/dist/dev/mp-weixin/pages/booking/CostumeDisplay/CostumeDisplay.wxss
vendored
Normal 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;
|
||||
}
|
185
unpackage/dist/dev/mp-weixin/pages/mine/Contact/Contact.js
vendored
Normal file
185
unpackage/dist/dev/mp-weixin/pages/mine/Contact/Contact.js
vendored
Normal 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);
|
6
unpackage/dist/dev/mp-weixin/pages/mine/Contact/Contact.json
vendored
Normal file
6
unpackage/dist/dev/mp-weixin/pages/mine/Contact/Contact.json
vendored
Normal file
|
@ -0,0 +1,6 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {
|
||||
"uni-popup": "../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
1
unpackage/dist/dev/mp-weixin/pages/mine/Contact/Contact.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/mine/Contact/Contact.wxml
vendored
Normal 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>
|
488
unpackage/dist/dev/mp-weixin/pages/mine/Contact/Contact.wxss
vendored
Normal file
488
unpackage/dist/dev/mp-weixin/pages/mine/Contact/Contact.wxss
vendored
Normal 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;
|
||||
}
|
23
unpackage/dist/dev/mp-weixin/pages/mine/bookings/booking.js
vendored
Normal file
23
unpackage/dist/dev/mp-weixin/pages/mine/bookings/booking.js
vendored
Normal 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);
|
4
unpackage/dist/dev/mp-weixin/pages/mine/bookings/booking.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/mine/bookings/booking.json
vendored
Normal file
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
1
unpackage/dist/dev/mp-weixin/pages/mine/bookings/booking.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/mine/bookings/booking.wxml
vendored
Normal 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>
|
567
unpackage/dist/dev/mp-weixin/pages/mine/bookings/booking.wxss
vendored
Normal file
567
unpackage/dist/dev/mp-weixin/pages/mine/bookings/booking.wxss
vendored
Normal 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;
|
||||
}
|
23
unpackage/dist/dev/mp-weixin/pages/mine/bookings/bookings.js
vendored
Normal file
23
unpackage/dist/dev/mp-weixin/pages/mine/bookings/bookings.js
vendored
Normal 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);
|
4
unpackage/dist/dev/mp-weixin/pages/mine/bookings/bookings.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/mine/bookings/bookings.json
vendored
Normal file
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
1
unpackage/dist/dev/mp-weixin/pages/mine/bookings/bookings.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/mine/bookings/bookings.wxml
vendored
Normal 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>
|
577
unpackage/dist/dev/mp-weixin/pages/mine/bookings/bookings.wxss
vendored
Normal file
577
unpackage/dist/dev/mp-weixin/pages/mine/bookings/bookings.wxss
vendored
Normal 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;
|
||||
}
|
Loading…
Reference in New Issue
Block a user