预约模块
This commit is contained in:
parent
117330e15b
commit
1604820414
13
pages.json
13
pages.json
|
|
@ -144,6 +144,19 @@
|
|||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/booking/Simple/Simple",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/bookingpay/bookingpay",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
|
|
|||
|
|
@ -38,104 +38,114 @@
|
|||
<br />
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-stretch text-wrapper">
|
||||
<view class="flex-col justify-start items-center self-stretch text-wrapper" @click="jump_pay">
|
||||
<text class="text_10">我知道了</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
<script setup>
|
||||
import {ref} from 'vue'
|
||||
const jump_pay =()=>{
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/booking/bookingpay/bookingpay'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 48.75rpx 33.75rpx 61.88rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.73rpx;
|
||||
}
|
||||
.group {
|
||||
margin-right: 11.25rpx;
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.71rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 35.63rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 22.5rpx;
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 18.75rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-right: 18.75rpx;
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-right: 18.75rpx;
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 27.84rpx;
|
||||
}
|
||||
.text_7 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 22.5rpx;
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
.text_9 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin: 75rpx 22.5rpx 0;
|
||||
padding: 30rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
}
|
||||
.text_10 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 48.75rpx 11.75rpx 61.88rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.73rpx;
|
||||
}
|
||||
.group {
|
||||
margin-right: 11.25rpx;
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.71rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 35.63rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 22.5rpx;
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 18.75rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-right: 18.75rpx;
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-right: 18.75rpx;
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 27.84rpx;
|
||||
}
|
||||
.text_7 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 22.5rpx;
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
.text_9 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 75rpx 22.5rpx 0;
|
||||
padding: 30rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
}
|
||||
.text_10 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
443
pages/booking/bookingpay/bookingpay.vue
Normal file
443
pages/booking/bookingpay/bookingpay.vue
Normal file
|
|
@ -0,0 +1,443 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col justify-start items-start relative group">
|
||||
<view class="section_2"></view>
|
||||
<text class="font text pos">填写预约信息</text>
|
||||
<view class="flex-col section_3 pos_2">
|
||||
<view class="flex-row justify-between items-center group_2">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=bb513bb96b7e8c5705f06c4bfc640618.png"
|
||||
/>
|
||||
<text class="font_2 ml-7">联系人：张三</text>
|
||||
<text class="font_2 ml-7">15888610253</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=6a472e2ad5dc2aec534bd3b852a38986.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center group_3">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=62c3ebe2e0dfac0ba2ddec26fdcb54ec.png"
|
||||
/>
|
||||
<view class="flex-col items-start ml-9">
|
||||
<text class="font_3">到店日期：2024-10-15</text>
|
||||
<text class="mt-2 font_3">具体场次：上午场（09:30-12:00）</text>
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=6a472e2ad5dc2aec534bd3b852a38986.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group_4">
|
||||
<view class="flex-col self-stretch">
|
||||
<text class="self-start font text_2">选择预约类别</text>
|
||||
<view class="mt-14 flex-col justify-start self-stretch section_4">
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-center section_5 equal-division-item">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=b5db39327852641a550d033d1026764f.png"
|
||||
/>
|
||||
<text class="font_4 text_3 mt-11">租赁服装</text>
|
||||
</view>
|
||||
<view class="flex-col items-center section_6 equal-division-item ml-23">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=ee3cc136b2309fda20df9a345ce1ef05.png"
|
||||
/>
|
||||
<text class="font_4 text_3 text_4">自带服装</text>
|
||||
<view class="section_7 pos_3"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<text class="self-start font text_5 mt-23">提供免费的服务</text>
|
||||
</view>
|
||||
<view class="flex-col section_8">
|
||||
<view class="flex-row items-center section_9">
|
||||
<image
|
||||
class="shrink-0 image_4"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=0ee5b9f55ce6aef46d889234d99afe33.png"
|
||||
/>
|
||||
<view class="flex-col flex-1 ml-7">
|
||||
<text class="self-start font_2 text_6">妆发服务</text>
|
||||
<text class="mt-6 self-stretch font_5">
|
||||
包括底妆、眉毛、眼妆、腮红和唇妆，根据您的肤色和服装风格进行个性化设计。
|
||||
</text>
|
||||
<text class="mt-6 self-stretch font_5">
|
||||
根据您的脸型和服装风格，提供合适的发型设计，包括但不限于编发、盘发、吹风造型等。
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center section_10">
|
||||
<image
|
||||
class="shrink-0 image_4"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=e853d682e2b7bbba7c02051808f75a0b.png"
|
||||
/>
|
||||
<view class="flex-col flex-1 ml-7">
|
||||
<text class="self-start font_2 text_7">摄影服务</text>
|
||||
<text class="mt-6 self-stretch font_5">
|
||||
提供专业的摄影棚和灯光设备，为客户打造舒适的拍摄环境。
|
||||
<br />
|
||||
</text>
|
||||
<text class="mt-6 self-stretch font_5">
|
||||
拍摄完成后，摄影师将精选照片进行后期处理，包括色彩调整、亮度优化、瑕疵去除等。
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="divider"></view>
|
||||
<view class="flex-row section_11">
|
||||
<image
|
||||
class="shrink-0 self-center image_5"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=ca917a0e9fb6b228f113a8850988a754.png"
|
||||
/>
|
||||
<view class="flex-col shrink-0 self-start group_5">
|
||||
<text class="self-start font_2 text_8">联系客服</text>
|
||||
<text class="mt-10 self-stretch font_5">请提供详细的问题描述，以便我们更快地为您解决问题。</text>
|
||||
</view>
|
||||
<image
|
||||
class="shrink-0 self-center image image_6"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a36c51a83d47fe9c04ecc0b3af4443ad.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-center items-center group_6">
|
||||
<image
|
||||
class="image_7"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=7857ecaca482cebbdd382382920634a0.png"
|
||||
/>
|
||||
<text class="ml-4 font_5 text_9">预约须知</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center section_12">
|
||||
<view class="flex-row items-center shrink-0 group_7">
|
||||
<view class="flex-col justify-start items-start shrink-0 relative">
|
||||
<text class="text_10">预约费用：</text>
|
||||
</view>
|
||||
<text class="text_11">￥88.</text>
|
||||
<text class="text_13">00</text>
|
||||
</view>
|
||||
<view class="flex-row items-center flex-1 ml-51">
|
||||
<view class="flex-row shrink-0 section_13">
|
||||
<text class="text_14">费用说明</text>
|
||||
<image
|
||||
class="shrink-0 image_8 ml-3"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=1a5714d6e445a76940d6217416bffd25.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="ml-10 flex-col justify-start items-center flex-1 text-wrapper">
|
||||
<text class="font_4 text_12">确定预约</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-23 {
|
||||
margin-left: 43.13rpx;
|
||||
}
|
||||
.mt-23 {
|
||||
margin-top: 43.13rpx;
|
||||
}
|
||||
.ml-51 {
|
||||
margin-left: 95.63rpx;
|
||||
}
|
||||
.ml-3 {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section {
|
||||
padding-top: 45rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group {
|
||||
padding-top: 11.25rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-left: 71.25rpx;
|
||||
background-color: #ffffff00;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text {
|
||||
line-height: 27.96rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 21.62rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section_3 {
|
||||
padding-left: 33.75rpx;
|
||||
padding-right: 28.13rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 20.63rpx;
|
||||
right: 20.63rpx;
|
||||
top: 53.63rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 31.88rpx 0 15rpx;
|
||||
border-bottom: solid 1.88rpx #e2e0e0;
|
||||
}
|
||||
.image {
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_2 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding: 22.5rpx 0 37.5rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_4 {
|
||||
margin-top: 26.25rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 31.88rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.equal-division {
|
||||
margin: 0 41.25rpx;
|
||||
}
|
||||
.section_5 {
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 159.99rpx;
|
||||
height: 159.99rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 26.25rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
.section_6 {
|
||||
position: relative;
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
.equal-division-item {
|
||||
padding: 30rpx 0 41.25rpx;
|
||||
background-color: #fff291;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.section_7 {
|
||||
background-color: #ffffff99;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 27.79rpx;
|
||||
}
|
||||
.section_8 {
|
||||
margin: 26.25rpx 0 100rpx 0;
|
||||
|
||||
padding: 28.13rpx 24.38rpx 0;
|
||||
background-color: #fff3c3;
|
||||
}
|
||||
.section_9 {
|
||||
margin: 0 7.5rpx;
|
||||
padding: 33.75rpx 30rpx 26.25rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_4 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 129.38rpx;
|
||||
height: 166.88rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.3rpx;
|
||||
}
|
||||
.section_10 {
|
||||
margin: 18.75rpx 7.5rpx 0;
|
||||
padding: 30rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.divider {
|
||||
margin-top: 39.38rpx;
|
||||
background-color: #e3e3e3;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.section_11 {
|
||||
margin: 31.88rpx 7.5rpx 0;
|
||||
padding: 15rpx 26.25rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_5 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 93.75rpx;
|
||||
height: 118.13rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-left: 22.5rpx;
|
||||
margin-top: 15rpx;
|
||||
width: 405rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 24.36rpx;
|
||||
}
|
||||
.image_6 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.group_6 {
|
||||
margin-top: 37.5rpx;
|
||||
padding: 22.5rpx 0;
|
||||
}
|
||||
.image_7 {
|
||||
width: 28.13rpx;
|
||||
height: 28.13rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #898989;
|
||||
}
|
||||
.text_9 {
|
||||
color: #000000;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.section_12 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 15rpx 22.5rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.group_7 {
|
||||
width: 236.23rpx;
|
||||
}
|
||||
.text_10 {
|
||||
color: #000000;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_11 {
|
||||
color: #fbb612;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 24.84rpx;
|
||||
}
|
||||
.text_13 {
|
||||
color: #fbb612;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
.section_13 {
|
||||
padding: 9.38rpx 11.25rpx;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 9.38rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.text_14 {
|
||||
color: #323232;
|
||||
font-size: 18.75rpx;
|
||||
font-family: Inter;
|
||||
line-height: 17.36rpx;
|
||||
}
|
||||
.image_8 {
|
||||
width: 18.75rpx;
|
||||
height: 18.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
height: 82.5rpx;
|
||||
}
|
||||
.text_12 {
|
||||
color: #ffffff;
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -1,255 +1,271 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col group">
|
||||
<view class="flex-col relative section_2">
|
||||
<view class="flex-row items-baseline self-stretch">
|
||||
<text class="font text">尊贵体验</text>
|
||||
<text class="ml-20 font_2 text_2">非遗匠心独运，奢华专属定制</text>
|
||||
</view>
|
||||
<text class="self-start font_2 text_3">服装特点</text>
|
||||
<view class="flex-col items-start self-stretch group_2">
|
||||
<text class="font_3">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text>
|
||||
<text class="mt-2 font_3">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text>
|
||||
<text class="mt-2 font_3">配饰豪华，尽显尊贵气质。</text>
|
||||
</view>
|
||||
<text class="self-start font_2 text_4">服务内容</text>
|
||||
<view class="flex-col items-start self-stretch group_3">
|
||||
<text class="font_3">定制化妆及发型设计。</text>
|
||||
<text class="mt-2 font_3">服装租赁服务。</text>
|
||||
<text class="mt-2 font_3">高端摄影服务（含10张精修照片）。</text>
|
||||
</view>
|
||||
<image
|
||||
class="image pos"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=69163dae6ab46641031be77235f6d125.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="mt-12 flex-col section_3">
|
||||
<text class="self-start font text_5">服装选择</text>
|
||||
<view class="flex-col self-stretch mt-11">
|
||||
<view class="flex-row items-center mt-10 list-item" v-for="(item, index) in items" :key="index">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4748ef7b20ab334729f67d4d6218d790.png"
|
||||
/>
|
||||
<view class="flex-col flex-1 ml-11">
|
||||
<view class="flex-col self-stretch">
|
||||
<view class="flex-row justify-end self-stretch group_4">
|
||||
<text class="font_4">详细信息</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1484e0cc6274180ba7c91cddf1ec833b.png"
|
||||
/>
|
||||
</view>
|
||||
<text class="self-start font_5 text_6 mt-3">龙凤呈祥华丽长袍</text>
|
||||
</view>
|
||||
<view class="mt-4 self-stretch group_5">
|
||||
<text class="font_7">服装简介：</text>
|
||||
<text class="font_6">
|
||||
这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺...
|
||||
</text>
|
||||
</view>
|
||||
<text class="mt-4 self-end font_8">￥550</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-40 flex-row">
|
||||
<view class="flex-col items-center shrink-0 section_4">
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4b56fed14a39630ca2312edf6e34c024.png"
|
||||
/>
|
||||
<text class="mt-2 text_8">客服</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-end flex-1 section_5">
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="text_7">现在去预约</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col group">
|
||||
<view class="flex-col relative section_2">
|
||||
<view class="flex-row items-baseline self-stretch">
|
||||
<text class="font text">尊贵体验</text>
|
||||
<text class="ml-20 font_2 text_2">非遗匠心独运，奢华专属定制</text>
|
||||
</view>
|
||||
<text class="self-start font_2 text_3">服装特点</text>
|
||||
<view class="flex-col items-start self-stretch group_2">
|
||||
<text class="font_3">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text>
|
||||
<text class="mt-2 font_3">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text>
|
||||
<text class="mt-2 font_3">配饰豪华，尽显尊贵气质。</text>
|
||||
</view>
|
||||
<text class="self-start font_2 text_4">服务内容</text>
|
||||
<view class="flex-col items-start self-stretch group_3">
|
||||
<text class="font_3">定制化妆及发型设计。</text>
|
||||
<text class="mt-2 font_3">服装租赁服务。</text>
|
||||
<text class="mt-2 font_3">高端摄影服务（含10张精修照片）。</text>
|
||||
</view>
|
||||
<image
|
||||
class="image pos"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a708765f6b985078e3f28954b3fe4dcd.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="mt-12 flex-col section_3">
|
||||
<text class="self-start font text_5">服装选择</text>
|
||||
<view class="flex-col self-stretch mt-11">
|
||||
<view class="flex-row items-center mt-10 list-item" v-for="(item, index) in fuzhuang" :key="index">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=91d23f14317358e61b5b6e64919fcf05.png"
|
||||
/>
|
||||
<view class="flex-col flex-1 ml-11">
|
||||
<view class="flex-col self-stretch">
|
||||
<view class="flex-row justify-end self-stretch group_4">
|
||||
<text class="font_4">详细信息</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=9975609994c07321ade6a37bb7864447.png"
|
||||
/>
|
||||
</view>
|
||||
<text class="self-start font_5 text_6 mt-3">龙凤呈祥华丽长袍</text>
|
||||
</view>
|
||||
<view class="mt-4 self-stretch group_5">
|
||||
<text class="font_7">服装简介：</text>
|
||||
<text class="font_6">
|
||||
这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺...
|
||||
</text>
|
||||
</view>
|
||||
<text class="mt-4 self-end font_8">￥550</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-40 flex-row section6">
|
||||
<view class="flex-col items-center shrink-0 section_4">
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=47be6e2fba9a351ce021444d1113200f.png"
|
||||
/>
|
||||
<text class="mt-2 text_8">客服</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-end flex-1 section_5" @click="jump_xuzhi">
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="text_7">现在去预约</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
<script setup>
|
||||
import {ref} from 'vue'
|
||||
const fuzhuang = ref([null,null,null,null,null,null])
|
||||
const jump_xuzhi =()=>{
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/booking/BillingOfFees/BillingOfFees'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-11 {
|
||||
margin-left: 20.63rpx;
|
||||
}
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section {
|
||||
padding-top: 22.5rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group {
|
||||
padding: 0 16.88rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 37.5rpx 41.25rpx 30rpx;
|
||||
background-color: #fffdbb;
|
||||
border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
color: #8a8a8a;
|
||||
line-height: 21.36rpx;
|
||||
}
|
||||
.text_3 {
|
||||
margin-top: 22.5rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #696969;
|
||||
}
|
||||
.text_4 {
|
||||
margin-top: 26.25rpx;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 24.38rpx;
|
||||
}
|
||||
.image {
|
||||
width: 127.5rpx;
|
||||
height: 127.5rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
right: 18.77rpx;
|
||||
bottom: 11.25rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 37.5rpx 30rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #000000;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 22.5rpx 18.75rpx 22.5rpx 30rpx;
|
||||
background-color: #fff3c3;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 148.13rpx;
|
||||
height: 165rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_2 {
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
.group_5 {
|
||||
line-height: 22.5rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #828282;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 24.73rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #ffc470;
|
||||
width: 118.13rpx;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.image_4 {
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text_8 {
|
||||
color: #fffef8;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.17rpx;
|
||||
}
|
||||
.section_5 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 20.63rpx;
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 457.5rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-11 {
|
||||
margin-left: 20.63rpx;
|
||||
}
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #f5f5dc;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section {
|
||||
padding-top: 22.5rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group {
|
||||
padding: 0 16.88rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 37.5rpx 41.25rpx 30rpx;
|
||||
background-color: #fffdbb;
|
||||
border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
color: #898989;
|
||||
line-height: 21.36rpx;
|
||||
}
|
||||
.text_3 {
|
||||
margin-top: 22.5rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #696969;
|
||||
}
|
||||
.text_4 {
|
||||
margin-top: 26.25rpx;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 24.38rpx;
|
||||
}
|
||||
.image {
|
||||
width: 127.5rpx;
|
||||
height: 127.5rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
right: 18.77rpx;
|
||||
bottom: 11.25rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 37.5rpx 30rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
margin-bottom: 80rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #000000;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 22.5rpx 18.75rpx 22.5rpx 30rpx;
|
||||
background-color: #fff3c3;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 148.13rpx;
|
||||
height: 165rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_2 {
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
.group_5 {
|
||||
line-height: 22.5rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #828282;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 24.73rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #ffc470;
|
||||
width: 118.13rpx;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.image_4 {
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text_8 {
|
||||
color: #fffef8;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.17rpx;
|
||||
}
|
||||
.section_5 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 20.63rpx;
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 457.5rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.section6 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-bottom: 10rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
:src="shizi"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row items-center section_2 pos">
|
||||
<view class="flex-row items-center section_2 pos" @click="jump_xiezhen">
|
||||
<image
|
||||
class="image_2"
|
||||
:src="rili"
|
||||
|
|
@ -153,6 +153,11 @@ const jump_product =()=>{
|
|||
url:'../../pages/store-home/ProductDetails/ProductDetails'
|
||||
})
|
||||
}
|
||||
const jump_xiezhen =()=>{
|
||||
uni.navigateTo({
|
||||
url: '../../pages/booking/respectable/respectable'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
2
unpackage/dist/dev/mp-weixin/app.js
vendored
2
unpackage/dist/dev/mp-weixin/app.js
vendored
|
|
@ -22,6 +22,8 @@ if (!Math) {
|
|||
"./pages/Shopping-cart/address/address.js";
|
||||
"./pages/order/product-waitpay/product-waitpay.js";
|
||||
"./pages/order/paysuccess/paysuccess.js";
|
||||
"./pages/booking/Simple/Simple.js";
|
||||
"./pages/booking/bookingpay/bookingpay.js";
|
||||
}
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
|
|
|
|||
4
unpackage/dist/dev/mp-weixin/app.json
vendored
4
unpackage/dist/dev/mp-weixin/app.json
vendored
|
|
@ -19,7 +19,9 @@
|
|||
"pages/Shopping-cart/newaddress_Info/newaddress_Info",
|
||||
"pages/Shopping-cart/address/address",
|
||||
"pages/order/product-waitpay/product-waitpay",
|
||||
"pages/order/paysuccess/paysuccess"
|
||||
"pages/order/paysuccess/paysuccess",
|
||||
"pages/booking/Simple/Simple",
|
||||
"pages/booking/bookingpay/bookingpay"
|
||||
],
|
||||
"window": {
|
||||
"navigationBarTextStyle": "black",
|
||||
|
|
|
|||
|
|
@ -1,8 +1,19 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cab9a6c6"]]);
|
||||
const _sfc_main = {
|
||||
__name: "BillingOfFees",
|
||||
setup(__props) {
|
||||
const jump_pay = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "../../../pages/booking/bookingpay/bookingpay"
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.o(jump_pay)
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-cab9a6c6"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col page data-v-cab9a6c6"><text class="self-center text data-v-cab9a6c6">费用说明</text><view class="flex-col self-stretch group data-v-cab9a6c6"><text class="self-start font text_2 data-v-cab9a6c6">一、费用支付流程</text><text class="self-stretch font_2 text_3 data-v-cab9a6c6"> 确定等级：您将根据个人需求选择合适的服装价位区间，并完成预约操作。 <view class="data-v-cab9a6c6"/> 预约成功：预约成功后，您需前往店铺挑选对应等级的服装。 <view class="data-v-cab9a6c6"/></text><text class="self-stretch font_2 text_4 data-v-cab9a6c6"> 补缴尾款及押金：在挑选服装时，您需要补缴尾款（扣除已支付定金后的剩余服务或商品费用）以及押金（用于保障服装归还时的完好）。 </text></view><view class="flex-col self-stretch group_2 data-v-cab9a6c6"><text class="self-start font data-v-cab9a6c6">二、尾款具体事项</text><text class="mt-18 self-stretch font_3 text_5 data-v-cab9a6c6"> 租赁服装：若您选择租赁我们店铺没有的服装，租赁费用将在您支付尾款时一并结算。无论拍摄是否进行，租赁费用均不予退还。 <view class="data-v-cab9a6c6"/> 购买服装：如您希望购买我们店铺的服装，且我们同意购买，将按照服装的稀有程度分等级定价。您需按照所选等级支付尾款。 <view class="data-v-cab9a6c6"/> 定制服务：若您自带衣服，我们提供妆发及摄影服务。若需我们额外购买服装，将按照上述等级定价，您需支付相应的尾款。 </text></view><view class="flex-col self-stretch group_3 data-v-cab9a6c6"><text class="self-start font text_6 data-v-cab9a6c6">三、定金与押金说明</text><text class="self-stretch font_3 text_7 mt-15 data-v-cab9a6c6"> 定金：预约时支付的定金用于确认您的预约意向，定金 不予退还。 <view class="data-v-cab9a6c6"/> 押金：拍摄完成后，我们将根据服装的归还情况决定是否扣除押金。若服装无损坏，押金将全额退还。 </text></view><view class="flex-col self-stretch group_4 data-v-cab9a6c6"><text class="self-start font text_8 data-v-cab9a6c6">四、特殊情况处理</text><text class="mt-18 self-stretch font_3 text_9 data-v-cab9a6c6"> 若因特殊情况您需要取消预约，请及时与我们联系。未拍摄情况下，定金不予退还，已支付的租赁费用亦不退还。 <view class="data-v-cab9a6c6"/></text></view><view class="flex-col justify-start items-center self-stretch text-wrapper data-v-cab9a6c6"><text class="text_10 data-v-cab9a6c6">我知道了</text></view></view>
|
||||
<view class="flex-col page data-v-cab9a6c6"><text class="self-center text data-v-cab9a6c6">费用说明</text><view class="flex-col self-stretch group data-v-cab9a6c6"><text class="self-start font text_2 data-v-cab9a6c6">一、费用支付流程</text><text class="self-stretch font_2 text_3 data-v-cab9a6c6"> 确定等级：您将根据个人需求选择合适的服装价位区间，并完成预约操作。 <view class="data-v-cab9a6c6"/> 预约成功：预约成功后，您需前往店铺挑选对应等级的服装。 <view class="data-v-cab9a6c6"/></text><text class="self-stretch font_2 text_4 data-v-cab9a6c6"> 补缴尾款及押金：在挑选服装时，您需要补缴尾款（扣除已支付定金后的剩余服务或商品费用）以及押金（用于保障服装归还时的完好）。 </text></view><view class="flex-col self-stretch group_2 data-v-cab9a6c6"><text class="self-start font data-v-cab9a6c6">二、尾款具体事项</text><text class="mt-18 self-stretch font_3 text_5 data-v-cab9a6c6"> 租赁服装：若您选择租赁我们店铺没有的服装，租赁费用将在您支付尾款时一并结算。无论拍摄是否进行，租赁费用均不予退还。 <view class="data-v-cab9a6c6"/> 购买服装：如您希望购买我们店铺的服装，且我们同意购买，将按照服装的稀有程度分等级定价。您需按照所选等级支付尾款。 <view class="data-v-cab9a6c6"/> 定制服务：若您自带衣服，我们提供妆发及摄影服务。若需我们额外购买服装，将按照上述等级定价，您需支付相应的尾款。 </text></view><view class="flex-col self-stretch group_3 data-v-cab9a6c6"><text class="self-start font text_6 data-v-cab9a6c6">三、定金与押金说明</text><text class="self-stretch font_3 text_7 mt-15 data-v-cab9a6c6"> 定金：预约时支付的定金用于确认您的预约意向，定金 不予退还。 <view class="data-v-cab9a6c6"/> 押金：拍摄完成后，我们将根据服装的归还情况决定是否扣除押金。若服装无损坏，押金将全额退还。 </text></view><view class="flex-col self-stretch group_4 data-v-cab9a6c6"><text class="self-start font text_8 data-v-cab9a6c6">四、特殊情况处理</text><text class="mt-18 self-stretch font_3 text_9 data-v-cab9a6c6"> 若因特殊情况您需要取消预约，请及时与我们联系。未拍摄情况下，定金不予退还，已支付的租赁费用亦不退还。 <view class="data-v-cab9a6c6"/></text></view><view class="flex-col justify-start items-center self-stretch text-wrapper data-v-cab9a6c6" bindtap="{{a}}"><text class="text_10 data-v-cab9a6c6">我知道了</text></view></view>
|
||||
|
|
@ -1,10 +1,411 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-cab9a6c6 {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-cab9a6c6 {
|
||||
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-cab9a6c6,
|
||||
image.data-v-cab9a6c6,
|
||||
text.data-v-cab9a6c6 {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-cab9a6c6 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-cab9a6c6 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-cab9a6c6 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-cab9a6c6 {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-cab9a6c6 {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-cab9a6c6 {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-cab9a6c6 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-cab9a6c6 {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-cab9a6c6 {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-cab9a6c6 {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-cab9a6c6 {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-cab9a6c6 {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-cab9a6c6 {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-cab9a6c6 {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-cab9a6c6 {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-cab9a6c6 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-cab9a6c6 {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-cab9a6c6 {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-cab9a6c6 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-cab9a6c6 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-cab9a6c6 {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-cab9a6c6 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-cab9a6c6 {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-cab9a6c6 {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-cab9a6c6 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-cab9a6c6 {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-cab9a6c6 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-cab9a6c6 {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-cab9a6c6 {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-cab9a6c6 {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-cab9a6c6 {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-cab9a6c6 {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-cab9a6c6 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-cab9a6c6 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-cab9a6c6 {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-cab9a6c6 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-cab9a6c6 {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-cab9a6c6 {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-cab9a6c6 {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-cab9a6c6 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-cab9a6c6 {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-cab9a6c6 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-cab9a6c6 {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-cab9a6c6 {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-cab9a6c6 {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-cab9a6c6 {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-cab9a6c6 {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-cab9a6c6 {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-cab9a6c6 {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-cab9a6c6 {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-cab9a6c6 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-cab9a6c6 {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-cab9a6c6 {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-cab9a6c6 {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-cab9a6c6 {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-cab9a6c6 {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-cab9a6c6 {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-cab9a6c6 {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-cab9a6c6 {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-cab9a6c6 {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-cab9a6c6 {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-cab9a6c6 {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-cab9a6c6 {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-cab9a6c6 {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-cab9a6c6 {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-cab9a6c6 {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-cab9a6c6 {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-cab9a6c6 {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-cab9a6c6 {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-cab9a6c6 {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-cab9a6c6 {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-cab9a6c6 {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-cab9a6c6 {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-cab9a6c6 {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-cab9a6c6 {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-cab9a6c6 {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-cab9a6c6 {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-cab9a6c6 {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-cab9a6c6 {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-cab9a6c6 {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-cab9a6c6 {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-cab9a6c6 {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-cab9a6c6 {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-cab9a6c6 {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-cab9a6c6 {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-cab9a6c6 {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-cab9a6c6 {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-cab9a6c6 {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-cab9a6c6 {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-cab9a6c6 {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-cab9a6c6 {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-cab9a6c6 {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-cab9a6c6 {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-cab9a6c6 {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-cab9a6c6 {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-cab9a6c6 {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-cab9a6c6 {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-cab9a6c6 {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-cab9a6c6 {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-cab9a6c6 {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-cab9a6c6 {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-cab9a6c6 {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-cab9a6c6 {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-cab9a6c6 {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-cab9a6c6 {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-cab9a6c6 {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-cab9a6c6 {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-cab9a6c6 {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-cab9a6c6 {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-cab9a6c6 {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-cab9a6c6 {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-cab9a6c6 {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-cab9a6c6 {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-cab9a6c6 {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-cab9a6c6 {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-cab9a6c6 {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-cab9a6c6 {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-cab9a6c6 {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-cab9a6c6 {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-cab9a6c6 {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-cab9a6c6 {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-cab9a6c6 {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-cab9a6c6 {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-cab9a6c6 {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-cab9a6c6 {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-cab9a6c6 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.mt-15.data-v-cab9a6c6 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.page.data-v-cab9a6c6 {
|
||||
padding: 48.75rpx 33.75rpx 61.88rpx;
|
||||
padding: 48.75rpx 11.75rpx 61.88rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
|
|
@ -79,6 +480,9 @@
|
|||
margin-left: 3.75rpx;
|
||||
}
|
||||
.text-wrapper.data-v-cab9a6c6 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 75rpx 22.5rpx 0;
|
||||
padding: 30rpx 0;
|
||||
background-color: #fbb612;
|
||||
|
|
|
|||
14
unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.js
vendored
Normal file
14
unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.js
vendored
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {
|
||||
a: common_vendor.f(_ctx.items, (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
};
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d54bd2fc"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxml
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<view class="flex-col justify-start page data-v-d54bd2fc"><view class="flex-col section data-v-d54bd2fc"><view class="flex-col group data-v-d54bd2fc"><view class="flex-col relative section_2 data-v-d54bd2fc"><view class="flex-row items-baseline self-stretch data-v-d54bd2fc"><text class="font text data-v-d54bd2fc">简约风尚</text><text class="font_2 text_2 ml-19 data-v-d54bd2fc">传承非遗之美，简约演绎经典</text></view><text class="self-start font_3 text_3 data-v-d54bd2fc">服装特点</text><view class="flex-col items-start self-stretch group_2 data-v-d54bd2fc"><text class="font_2 data-v-d54bd2fc">提供多样化的经典汉服款式，如基础款曲裾、直裾等</text><text class="mt-2 font_2 data-v-d54bd2fc">服装面料舒适，适合日常拍摄体验</text><text class="mt-2 font_2 data-v-d54bd2fc">配饰简约，适合初次尝试传统服饰的用户</text></view><text class="self-start font_3 text_4 data-v-d54bd2fc">服务内容</text><view class="flex-col items-start self-stretch group_3 data-v-d54bd2fc"><text class="font_2 data-v-d54bd2fc">专业化妆及基础发型设计</text><text class="mt-2 font_2 data-v-d54bd2fc">服装租赁服务</text><text class="mt-2 font_2 data-v-d54bd2fc">基础摄影服务（不含精修）</text></view><image class="image pos data-v-d54bd2fc" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=d6d88e3f45498775df202023e1df0871.png"/></view><view class="mt-12 flex-col section_3 data-v-d54bd2fc"><text class="self-start font text_5 data-v-d54bd2fc">服装选择</text><view class="flex-col self-stretch mt-11 data-v-d54bd2fc"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row items-center mt-10 list-item data-v-d54bd2fc"><image class="shrink-0 image_3 data-v-d54bd2fc" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1c18c9d6f08498ff9a0cf7a598a0d271.png"/><view class="ml-10 flex-col flex-1 data-v-d54bd2fc"><view class="flex-row justify-end self-stretch group_4 data-v-d54bd2fc"><text class="font_4 data-v-d54bd2fc">详细信息</text><image class="image_2 data-v-d54bd2fc" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1484e0cc6274180ba7c91cddf1ec833b.png"/></view><text class="self-start font_5 text_6 data-v-d54bd2fc">彩绣菊花纹刺绣长袍</text><view class="self-stretch group_5 data-v-d54bd2fc"><text class="font_7 data-v-d54bd2fc">服装简介：</text><text class="font_6 data-v-d54bd2fc"> 用上等丝绸，质地细腻、柔软且富有光泽，触感极佳。统手工刺绣技艺，每一针每一线都凝聚着匠人的心血与智慧，图案精美绝伦，色彩丰富和谐... </text></view><text class="self-end font_8 data-v-d54bd2fc">￥150</text></view></view></view></view></view><view class="mt-26 flex-row data-v-d54bd2fc"><view class="flex-col items-center shrink-0 section_4 data-v-d54bd2fc"><image class="image_4 data-v-d54bd2fc" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4b56fed14a39630ca2312edf6e34c024.png"/><text class="mt-2 text_8 data-v-d54bd2fc">客服</text></view><view class="flex-col justify-start items-end flex-1 section_5 data-v-d54bd2fc"><view class="flex-col justify-start items-center text-wrapper data-v-d54bd2fc"><text class="text_7 data-v-d54bd2fc">现在去预约</text></view></view></view></view></view>
|
||||
576
unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxss
vendored
Normal file
576
unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxss
vendored
Normal file
|
|
@ -0,0 +1,576 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-d54bd2fc {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-d54bd2fc {
|
||||
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-d54bd2fc,
|
||||
image.data-v-d54bd2fc,
|
||||
text.data-v-d54bd2fc {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-d54bd2fc {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-d54bd2fc {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-d54bd2fc {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-d54bd2fc {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-d54bd2fc {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-d54bd2fc {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-d54bd2fc {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-d54bd2fc {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-d54bd2fc {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-d54bd2fc {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-d54bd2fc {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-d54bd2fc {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-d54bd2fc {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-d54bd2fc {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-d54bd2fc {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-d54bd2fc {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-d54bd2fc {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-d54bd2fc {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-d54bd2fc {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-d54bd2fc {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-d54bd2fc {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-d54bd2fc {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-d54bd2fc {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-d54bd2fc {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-d54bd2fc {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-d54bd2fc {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-d54bd2fc {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-d54bd2fc {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-d54bd2fc {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-d54bd2fc {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-d54bd2fc {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-d54bd2fc {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-d54bd2fc {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-d54bd2fc {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-d54bd2fc {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-d54bd2fc {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-d54bd2fc {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-d54bd2fc {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-d54bd2fc {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-d54bd2fc {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-d54bd2fc {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-d54bd2fc {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-d54bd2fc {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-d54bd2fc {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-d54bd2fc {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-d54bd2fc {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-d54bd2fc {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-d54bd2fc {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-d54bd2fc {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-d54bd2fc {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-d54bd2fc {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-d54bd2fc {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-d54bd2fc {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-d54bd2fc {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-d54bd2fc {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-d54bd2fc {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-d54bd2fc {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-d54bd2fc {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-d54bd2fc {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-d54bd2fc {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-d54bd2fc {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-d54bd2fc {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-d54bd2fc {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-d54bd2fc {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-d54bd2fc {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-d54bd2fc {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-d54bd2fc {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-d54bd2fc {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-d54bd2fc {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-d54bd2fc {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-d54bd2fc {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-d54bd2fc {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-d54bd2fc {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-d54bd2fc {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-d54bd2fc {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-d54bd2fc {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-d54bd2fc {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-d54bd2fc {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-d54bd2fc {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-d54bd2fc {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-d54bd2fc {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-d54bd2fc {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-d54bd2fc {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-d54bd2fc {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-d54bd2fc {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-d54bd2fc {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-d54bd2fc {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-d54bd2fc {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-d54bd2fc {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-d54bd2fc {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-d54bd2fc {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-d54bd2fc {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-d54bd2fc {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-d54bd2fc {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-d54bd2fc {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-d54bd2fc {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-d54bd2fc {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-d54bd2fc {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-d54bd2fc {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-d54bd2fc {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-d54bd2fc {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-d54bd2fc {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-d54bd2fc {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-d54bd2fc {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-d54bd2fc {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-d54bd2fc {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-d54bd2fc {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-d54bd2fc {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-d54bd2fc {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-d54bd2fc {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-d54bd2fc {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-d54bd2fc {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-d54bd2fc {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-d54bd2fc {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-d54bd2fc {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-d54bd2fc {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-d54bd2fc {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-d54bd2fc {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-d54bd2fc {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-d54bd2fc {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-d54bd2fc {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-d54bd2fc {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-d54bd2fc {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-d54bd2fc {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-d54bd2fc {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-d54bd2fc {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.ml-19.data-v-d54bd2fc {
|
||||
margin-left: 35.63rpx;
|
||||
}
|
||||
.mt-11.data-v-d54bd2fc {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.page.data-v-d54bd2fc {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section.data-v-d54bd2fc {
|
||||
padding-top: 22.5rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group.data-v-d54bd2fc {
|
||||
padding: 0 16.88rpx;
|
||||
}
|
||||
.section_2.data-v-d54bd2fc {
|
||||
padding: 37.5rpx 41.25rpx 30rpx;
|
||||
background-color: #f3fff3;
|
||||
border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
|
||||
}
|
||||
.font.data-v-d54bd2fc {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.text.data-v-d54bd2fc {
|
||||
color: #323232;
|
||||
}
|
||||
.font_3.data-v-d54bd2fc {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3.data-v-d54bd2fc {
|
||||
margin-top: 22.5rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_2.data-v-d54bd2fc {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.font_2.data-v-d54bd2fc {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #696969;
|
||||
}
|
||||
.text_2.data-v-d54bd2fc {
|
||||
line-height: 21.36rpx;
|
||||
}
|
||||
.text_4.data-v-d54bd2fc {
|
||||
margin-top: 26.25rpx;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.group_3.data-v-d54bd2fc {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 24.38rpx;
|
||||
}
|
||||
.image.data-v-d54bd2fc {
|
||||
width: 127.5rpx;
|
||||
height: 127.5rpx;
|
||||
}
|
||||
.pos.data-v-d54bd2fc {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 13.13rpx;
|
||||
}
|
||||
.section_3.data-v-d54bd2fc {
|
||||
padding: 37.5rpx 30rpx 52.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_5.data-v-d54bd2fc {
|
||||
color: #000000;
|
||||
}
|
||||
.list-item.data-v-d54bd2fc {
|
||||
padding: 22.5rpx;
|
||||
background-color: #fff3c3;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item.data-v-d54bd2fc:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3.data-v-d54bd2fc {
|
||||
border-radius: 9.38rpx;
|
||||
width: 148.13rpx;
|
||||
height: 165rpx;
|
||||
}
|
||||
.group_4.data-v-d54bd2fc {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
.font_4.data-v-d54bd2fc {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_2.data-v-d54bd2fc {
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
}
|
||||
.font_5.data-v-d54bd2fc {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_6.data-v-d54bd2fc {
|
||||
margin-top: 15rpx;
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.group_5.data-v-d54bd2fc {
|
||||
margin-top: 11.25rpx;
|
||||
line-height: 22.5rpx;
|
||||
}
|
||||
.font_7.data-v-d54bd2fc {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_6.data-v-d54bd2fc {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #828282;
|
||||
}
|
||||
.font_8.data-v-d54bd2fc {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 24.73rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
.section_4.data-v-d54bd2fc {
|
||||
padding: 15rpx 0;
|
||||
background-color: #ffc470;
|
||||
width: 118.13rpx;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.image_4.data-v-d54bd2fc {
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text_8.data-v-d54bd2fc {
|
||||
color: #fffef8;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.17rpx;
|
||||
}
|
||||
.section_5.data-v-d54bd2fc {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.text-wrapper.data-v-d54bd2fc {
|
||||
margin-right: 20.63rpx;
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 457.5rpx;
|
||||
}
|
||||
.text_7.data-v-d54bd2fc {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
8
unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.js
vendored
Normal file
8
unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.js
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1d20d48c"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxml
vendored
Normal file
File diff suppressed because one or more lines are too long
693
unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxss
vendored
Normal file
693
unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxss
vendored
Normal file
|
|
@ -0,0 +1,693 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-1d20d48c {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-1d20d48c {
|
||||
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-1d20d48c,
|
||||
image.data-v-1d20d48c,
|
||||
text.data-v-1d20d48c {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-1d20d48c {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-1d20d48c {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-1d20d48c {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-1d20d48c {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-1d20d48c {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-1d20d48c {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-1d20d48c {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-1d20d48c {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-1d20d48c {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-1d20d48c {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-1d20d48c {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-1d20d48c {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-1d20d48c {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-1d20d48c {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-1d20d48c {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-1d20d48c {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-1d20d48c {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-1d20d48c {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-1d20d48c {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-1d20d48c {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-1d20d48c {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-1d20d48c {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-1d20d48c {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-1d20d48c {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-1d20d48c {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-1d20d48c {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-1d20d48c {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-1d20d48c {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-1d20d48c {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-1d20d48c {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-1d20d48c {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-1d20d48c {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-1d20d48c {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-1d20d48c {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-1d20d48c {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-1d20d48c {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-1d20d48c {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-1d20d48c {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-1d20d48c {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-1d20d48c {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-1d20d48c {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-1d20d48c {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-1d20d48c {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-1d20d48c {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-1d20d48c {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-1d20d48c {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-1d20d48c {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-1d20d48c {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-1d20d48c {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-1d20d48c {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-1d20d48c {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-1d20d48c {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-1d20d48c {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-1d20d48c {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-1d20d48c {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-1d20d48c {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-1d20d48c {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-1d20d48c {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-1d20d48c {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-1d20d48c {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-1d20d48c {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-1d20d48c {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-1d20d48c {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-1d20d48c {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-1d20d48c {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-1d20d48c {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-1d20d48c {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-1d20d48c {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-1d20d48c {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-1d20d48c {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-1d20d48c {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-1d20d48c {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-1d20d48c {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-1d20d48c {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-1d20d48c {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-1d20d48c {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-1d20d48c {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-1d20d48c {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-1d20d48c {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-1d20d48c {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-1d20d48c {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-1d20d48c {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-1d20d48c {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-1d20d48c {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-1d20d48c {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-1d20d48c {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-1d20d48c {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-1d20d48c {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-1d20d48c {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-1d20d48c {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-1d20d48c {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-1d20d48c {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-1d20d48c {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-1d20d48c {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-1d20d48c {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-1d20d48c {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-1d20d48c {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-1d20d48c {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-1d20d48c {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-1d20d48c {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-1d20d48c {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-1d20d48c {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-1d20d48c {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-1d20d48c {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-1d20d48c {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-1d20d48c {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-1d20d48c {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-1d20d48c {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-1d20d48c {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-1d20d48c {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-1d20d48c {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-1d20d48c {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-1d20d48c {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-1d20d48c {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-1d20d48c {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-1d20d48c {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-1d20d48c {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-1d20d48c {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-1d20d48c {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-1d20d48c {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-1d20d48c {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-1d20d48c {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-1d20d48c {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-1d20d48c {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-1d20d48c {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-1d20d48c {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.ml-7.data-v-1d20d48c {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.ml-9.data-v-1d20d48c {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.mt-11.data-v-1d20d48c {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-23.data-v-1d20d48c {
|
||||
margin-left: 43.13rpx;
|
||||
}
|
||||
.mt-23.data-v-1d20d48c {
|
||||
margin-top: 43.13rpx;
|
||||
}
|
||||
.ml-51.data-v-1d20d48c {
|
||||
margin-left: 95.63rpx;
|
||||
}
|
||||
.ml-3.data-v-1d20d48c {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
.page.data-v-1d20d48c {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section.data-v-1d20d48c {
|
||||
padding-top: 45rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group.data-v-1d20d48c {
|
||||
padding-top: 11.25rpx;
|
||||
}
|
||||
.section_2.data-v-1d20d48c {
|
||||
margin-left: 71.25rpx;
|
||||
background-color: #ffffff00;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.font.data-v-1d20d48c {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text.data-v-1d20d48c {
|
||||
line-height: 27.96rpx;
|
||||
}
|
||||
.pos.data-v-1d20d48c {
|
||||
position: absolute;
|
||||
left: 21.62rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section_3.data-v-1d20d48c {
|
||||
padding-left: 33.75rpx;
|
||||
padding-right: 28.13rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos_2.data-v-1d20d48c {
|
||||
position: absolute;
|
||||
left: 20.63rpx;
|
||||
right: 20.63rpx;
|
||||
top: 53.63rpx;
|
||||
}
|
||||
.group_2.data-v-1d20d48c {
|
||||
padding: 31.88rpx 0 15rpx;
|
||||
border-bottom: solid 1.88rpx #e2e0e0;
|
||||
}
|
||||
.image.data-v-1d20d48c {
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
.font_2.data-v-1d20d48c {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_2.data-v-1d20d48c {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.group_3.data-v-1d20d48c {
|
||||
padding: 22.5rpx 0 37.5rpx;
|
||||
}
|
||||
.font_3.data-v-1d20d48c {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_4.data-v-1d20d48c {
|
||||
margin-top: 26.25rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.text_2.data-v-1d20d48c {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.section_4.data-v-1d20d48c {
|
||||
padding: 31.88rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.equal-division.data-v-1d20d48c {
|
||||
margin: 0 41.25rpx;
|
||||
}
|
||||
.section_5.data-v-1d20d48c {
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
.image_3.data-v-1d20d48c {
|
||||
width: 159.99rpx;
|
||||
height: 159.99rpx;
|
||||
}
|
||||
.font_4.data-v-1d20d48c {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 26.25rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3.data-v-1d20d48c {
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
.section_6.data-v-1d20d48c {
|
||||
position: relative;
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
.equal-division-item.data-v-1d20d48c {
|
||||
padding: 30rpx 0 41.25rpx;
|
||||
background-color: #fff291;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.text_4.data-v-1d20d48c {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.section_7.data-v-1d20d48c {
|
||||
background-color: #ffffff99;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.pos_3.data-v-1d20d48c {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_5.data-v-1d20d48c {
|
||||
line-height: 27.79rpx;
|
||||
}
|
||||
.section_8.data-v-1d20d48c {
|
||||
margin: 26.25rpx 0 100rpx 0;
|
||||
padding: 28.13rpx 24.38rpx 0;
|
||||
background-color: #fff3c3;
|
||||
}
|
||||
.section_9.data-v-1d20d48c {
|
||||
margin: 0 7.5rpx;
|
||||
padding: 33.75rpx 30rpx 26.25rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_4.data-v-1d20d48c {
|
||||
border-radius: 9.38rpx;
|
||||
width: 129.38rpx;
|
||||
height: 166.88rpx;
|
||||
}
|
||||
.text_6.data-v-1d20d48c {
|
||||
line-height: 24.3rpx;
|
||||
}
|
||||
.section_10.data-v-1d20d48c {
|
||||
margin: 18.75rpx 7.5rpx 0;
|
||||
padding: 30rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_7.data-v-1d20d48c {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.divider.data-v-1d20d48c {
|
||||
margin-top: 39.38rpx;
|
||||
background-color: #e3e3e3;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.section_11.data-v-1d20d48c {
|
||||
margin: 31.88rpx 7.5rpx 0;
|
||||
padding: 15rpx 26.25rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_5.data-v-1d20d48c {
|
||||
border-radius: 9.38rpx;
|
||||
width: 93.75rpx;
|
||||
height: 118.13rpx;
|
||||
}
|
||||
.group_5.data-v-1d20d48c {
|
||||
margin-left: 22.5rpx;
|
||||
margin-top: 15rpx;
|
||||
width: 405rpx;
|
||||
}
|
||||
.text_8.data-v-1d20d48c {
|
||||
line-height: 24.36rpx;
|
||||
}
|
||||
.image_6.data-v-1d20d48c {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.group_6.data-v-1d20d48c {
|
||||
margin-top: 37.5rpx;
|
||||
padding: 22.5rpx 0;
|
||||
}
|
||||
.image_7.data-v-1d20d48c {
|
||||
width: 28.13rpx;
|
||||
height: 28.13rpx;
|
||||
}
|
||||
.font_5.data-v-1d20d48c {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #898989;
|
||||
}
|
||||
.text_9.data-v-1d20d48c {
|
||||
color: #000000;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.section_12.data-v-1d20d48c {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 15rpx 22.5rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.group_7.data-v-1d20d48c {
|
||||
width: 236.23rpx;
|
||||
}
|
||||
.text_10.data-v-1d20d48c {
|
||||
color: #000000;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
.pos_4.data-v-1d20d48c {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_11.data-v-1d20d48c {
|
||||
color: #fbb612;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 24.84rpx;
|
||||
}
|
||||
.text_13.data-v-1d20d48c {
|
||||
color: #fbb612;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
.section_13.data-v-1d20d48c {
|
||||
padding: 9.38rpx 11.25rpx;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 9.38rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.text_14.data-v-1d20d48c {
|
||||
color: #323232;
|
||||
font-size: 18.75rpx;
|
||||
font-family: Inter;
|
||||
line-height: 17.36rpx;
|
||||
}
|
||||
.image_8.data-v-1d20d48c {
|
||||
width: 18.75rpx;
|
||||
height: 18.75rpx;
|
||||
}
|
||||
.text-wrapper.data-v-1d20d48c {
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
height: 82.5rpx;
|
||||
}
|
||||
.text_12.data-v-1d20d48c {
|
||||
color: #ffffff;
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
|
|
@ -1,14 +1,25 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {
|
||||
a: common_vendor.f(_ctx.items, (item, index, i0) => {
|
||||
const _sfc_main = {
|
||||
__name: "respectable",
|
||||
setup(__props) {
|
||||
const fuzhuang = common_vendor.ref([null, null, null, null, null, null]);
|
||||
const jump_xuzhi = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "../../../pages/booking/BillingOfFees/BillingOfFees"
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: index
|
||||
a: common_vendor.f(fuzhuang.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
};
|
||||
}),
|
||||
b: common_vendor.o(jump_xuzhi)
|
||||
};
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cad4fb76"]]);
|
||||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-cad4fb76"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col justify-start page data-v-cad4fb76"><view class="flex-col section data-v-cad4fb76"><view class="flex-col group data-v-cad4fb76"><view class="flex-col relative section_2 data-v-cad4fb76"><view class="flex-row items-baseline self-stretch data-v-cad4fb76"><text class="font text data-v-cad4fb76">尊贵体验</text><text class="ml-20 font_2 text_2 data-v-cad4fb76">非遗匠心独运，奢华专属定制</text></view><text class="self-start font_2 text_3 data-v-cad4fb76">服装特点</text><view class="flex-col items-start self-stretch group_2 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text><text class="mt-2 font_3 data-v-cad4fb76">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text><text class="mt-2 font_3 data-v-cad4fb76">配饰豪华，尽显尊贵气质。</text></view><text class="self-start font_2 text_4 data-v-cad4fb76">服务内容</text><view class="flex-col items-start self-stretch group_3 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">定制化妆及发型设计。</text><text class="mt-2 font_3 data-v-cad4fb76">服装租赁服务。</text><text class="mt-2 font_3 data-v-cad4fb76">高端摄影服务（含10张精修照片）。</text></view><image class="image pos data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=69163dae6ab46641031be77235f6d125.png"/></view><view class="mt-12 flex-col section_3 data-v-cad4fb76"><text class="self-start font text_5 data-v-cad4fb76">服装选择</text><view class="flex-col self-stretch mt-11 data-v-cad4fb76"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row items-center mt-10 list-item data-v-cad4fb76"><image class="shrink-0 image_3 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4748ef7b20ab334729f67d4d6218d790.png"/><view class="flex-col flex-1 ml-11 data-v-cad4fb76"><view class="flex-col self-stretch data-v-cad4fb76"><view class="flex-row justify-end self-stretch group_4 data-v-cad4fb76"><text class="font_4 data-v-cad4fb76">详细信息</text><image class="image_2 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1484e0cc6274180ba7c91cddf1ec833b.png"/></view><text class="self-start font_5 text_6 mt-3 data-v-cad4fb76">龙凤呈祥华丽长袍</text></view><view class="mt-4 self-stretch group_5 data-v-cad4fb76"><text class="font_7 data-v-cad4fb76">服装简介：</text><text class="font_6 data-v-cad4fb76"> 这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺... </text></view><text class="mt-4 self-end font_8 data-v-cad4fb76">￥550</text></view></view></view></view></view><view class="mt-40 flex-row data-v-cad4fb76"><view class="flex-col items-center shrink-0 section_4 data-v-cad4fb76"><image class="image_4 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4b56fed14a39630ca2312edf6e34c024.png"/><text class="mt-2 text_8 data-v-cad4fb76">客服</text></view><view class="flex-col justify-start items-end flex-1 section_5 data-v-cad4fb76"><view class="flex-col justify-start items-center text-wrapper data-v-cad4fb76"><text class="text_7 data-v-cad4fb76">现在去预约</text></view></view></view></view></view>
|
||||
<view class="flex-col justify-start page data-v-cad4fb76"><view class="flex-col section data-v-cad4fb76"><view class="flex-col group data-v-cad4fb76"><view class="flex-col relative section_2 data-v-cad4fb76"><view class="flex-row items-baseline self-stretch data-v-cad4fb76"><text class="font text data-v-cad4fb76">尊贵体验</text><text class="ml-20 font_2 text_2 data-v-cad4fb76">非遗匠心独运，奢华专属定制</text></view><text class="self-start font_2 text_3 data-v-cad4fb76">服装特点</text><view class="flex-col items-start self-stretch group_2 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text><text class="mt-2 font_3 data-v-cad4fb76">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text><text class="mt-2 font_3 data-v-cad4fb76">配饰豪华，尽显尊贵气质。</text></view><text class="self-start font_2 text_4 data-v-cad4fb76">服务内容</text><view class="flex-col items-start self-stretch group_3 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">定制化妆及发型设计。</text><text class="mt-2 font_3 data-v-cad4fb76">服装租赁服务。</text><text class="mt-2 font_3 data-v-cad4fb76">高端摄影服务（含10张精修照片）。</text></view><image class="image pos data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a708765f6b985078e3f28954b3fe4dcd.png"/></view><view class="mt-12 flex-col section_3 data-v-cad4fb76"><text class="self-start font text_5 data-v-cad4fb76">服装选择</text><view class="flex-col self-stretch mt-11 data-v-cad4fb76"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row items-center mt-10 list-item data-v-cad4fb76"><image class="shrink-0 image_3 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=91d23f14317358e61b5b6e64919fcf05.png"/><view class="flex-col flex-1 ml-11 data-v-cad4fb76"><view class="flex-col self-stretch data-v-cad4fb76"><view class="flex-row justify-end self-stretch group_4 data-v-cad4fb76"><text class="font_4 data-v-cad4fb76">详细信息</text><image class="image_2 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=9975609994c07321ade6a37bb7864447.png"/></view><text class="self-start font_5 text_6 mt-3 data-v-cad4fb76">龙凤呈祥华丽长袍</text></view><view class="mt-4 self-stretch group_5 data-v-cad4fb76"><text class="font_7 data-v-cad4fb76">服装简介：</text><text class="font_6 data-v-cad4fb76"> 这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺... </text></view><text class="mt-4 self-end font_8 data-v-cad4fb76">￥550</text></view></view></view></view></view><view class="mt-40 flex-row section6 data-v-cad4fb76"><view class="flex-col items-center shrink-0 section_4 data-v-cad4fb76"><image class="image_4 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=47be6e2fba9a351ce021444d1113200f.png"/><text class="mt-2 text_8 data-v-cad4fb76">客服</text></view><view class="flex-col justify-start items-end flex-1 section_5 data-v-cad4fb76" bindtap="{{b}}"><view class="flex-col justify-start items-center text-wrapper data-v-cad4fb76"><text class="text_7 data-v-cad4fb76">现在去预约</text></view></view></view></view></view>
|
||||
|
|
@ -411,7 +411,7 @@ text.data-v-cad4fb76 {
|
|||
margin-top: 5.63rpx;
|
||||
}
|
||||
.page.data-v-cad4fb76 {
|
||||
background-color: #ffffff;
|
||||
background-color: #f5f5dc;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
|
|
@ -444,7 +444,7 @@ text.data-v-cad4fb76 {
|
|||
color: #323232;
|
||||
}
|
||||
.text_2.data-v-cad4fb76 {
|
||||
color: #8a8a8a;
|
||||
color: #898989;
|
||||
line-height: 21.36rpx;
|
||||
}
|
||||
.text_3.data-v-cad4fb76 {
|
||||
|
|
@ -482,6 +482,7 @@ text.data-v-cad4fb76 {
|
|||
padding: 37.5rpx 30rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
margin-bottom: 80rpx;
|
||||
}
|
||||
.text_5.data-v-cad4fb76 {
|
||||
color: #000000;
|
||||
|
|
@ -576,4 +577,12 @@ text.data-v-cad4fb76 {
|
|||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.section6.data-v-cad4fb76 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-bottom: 10rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
24
unpackage/dist/dev/mp-weixin/pages/home/home.js
vendored
24
unpackage/dist/dev/mp-weixin/pages/home/home.js
vendored
|
|
@ -11,6 +11,11 @@ const _sfc_main = {
|
|||
url: "../../pages/store-home/ProductDetails/ProductDetails"
|
||||
});
|
||||
};
|
||||
const jump_xiezhen = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "../../pages/booking/respectable/respectable"
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.f(items.value, (item, index, i0) => {
|
||||
|
|
@ -20,22 +25,23 @@ const _sfc_main = {
|
|||
}),
|
||||
b: common_vendor.unref(common_assets.shizi),
|
||||
c: common_vendor.unref(common_assets.rili),
|
||||
d: common_vendor.unref(common_assets.you),
|
||||
e: common_vendor.unref(common_assets.product),
|
||||
f: common_vendor.o(jump_product),
|
||||
g: common_vendor.unref(common_assets.product),
|
||||
d: common_vendor.o(jump_xiezhen),
|
||||
e: common_vendor.unref(common_assets.you),
|
||||
f: common_vendor.unref(common_assets.product),
|
||||
g: common_vendor.o(jump_product),
|
||||
h: common_vendor.unref(common_assets.product),
|
||||
i: common_vendor.unref(common_assets.you),
|
||||
j: common_vendor.unref(common_assets.product),
|
||||
i: common_vendor.unref(common_assets.product),
|
||||
j: common_vendor.unref(common_assets.you),
|
||||
k: common_vendor.unref(common_assets.product),
|
||||
l: common_vendor.unref(common_assets.product),
|
||||
m: common_vendor.unref(common_assets.you),
|
||||
n: common_vendor.f(items_1.value, (item, index, i0) => {
|
||||
m: common_vendor.unref(common_assets.product),
|
||||
n: common_vendor.unref(common_assets.you),
|
||||
o: common_vendor.f(items_1.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
};
|
||||
}),
|
||||
o: common_vendor.unref(common_assets.xuanchuan)
|
||||
p: common_vendor.unref(common_assets.xuanchuan)
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col page data-v-07e72d3c"><swiper class="data-v-07e72d3c"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="a" class="data-v-07e72d3c"></swiper-item></swiper><view class="flex-col section data-v-07e72d3c"><view class="flex-col data-v-07e72d3c"><text class="self-start font text text_2 data-v-07e72d3c">热门精品</text><view class="flex-col justify-start items-end self-stretch relative mt-16 data-v-07e72d3c"><view class="flex-row items-center section_3 data-v-07e72d3c"><text class="font_2 text_4 data-v-07e72d3c">非遗工坊</text><image class="shrink-0 image_2 ml-13 data-v-07e72d3c" src="{{b}}"/></view><view class="flex-row items-center section_2 pos data-v-07e72d3c"><image class="image_2 data-v-07e72d3c" src="{{c}}"/><text class="font_2 text_3 ml-9 data-v-07e72d3c">写真预约</text></view></view></view><view class="flex-col group mt-24 data-v-07e72d3c"><view class="flex-row justify-between group_2 data-v-07e72d3c"><text class="self-center font_3 text text_5 data-v-07e72d3c">推荐商品</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{d}}"/></view></view><view class="flex-row equal-division data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c" bindtap="{{f}}"><image class="image_4 data-v-07e72d3c" src="{{e}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{g}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{h}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between group_2 view data-v-07e72d3c"><text class="self-center font_3 text text_8 data-v-07e72d3c">推荐服务</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{i}}"/></view></view><view class="flex-row equal-division_2 data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{j}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{k}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{l}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between items-end group_4 data-v-07e72d3c"><text class="font text text_9 data-v-07e72d3c">活动资讯</text><view class="flex-row group_5 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{m}}"/></view></view></view><view class="flex-col list mt-24 data-v-07e72d3c"><view wx:for="{{n}}" wx:for-item="item" wx:key="a" class="flex-row items-center list-item data-v-07e72d3c"><view class="flex-col items-start flex-1 data-v-07e72d3c"><text class="font_5 text_13 data-v-07e72d3c">“五色五育”研学——端午香囊篇</text><text class="font_7 text_11 mt-13 data-v-07e72d3c">为进一步深入贯彻落实习近平总书记...</text><text class="font_8 text_15 mt-13 data-v-07e72d3c">2024-08-04</text></view><image class="shrink-0 image_5 ml-21 data-v-07e72d3c" src="{{o}}"/></view></view></view></view>
|
||||
<view class="flex-col page data-v-07e72d3c"><swiper class="data-v-07e72d3c"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="a" class="data-v-07e72d3c"></swiper-item></swiper><view class="flex-col section data-v-07e72d3c"><view class="flex-col data-v-07e72d3c"><text class="self-start font text text_2 data-v-07e72d3c">热门精品</text><view class="flex-col justify-start items-end self-stretch relative mt-16 data-v-07e72d3c"><view class="flex-row items-center section_3 data-v-07e72d3c"><text class="font_2 text_4 data-v-07e72d3c">非遗工坊</text><image class="shrink-0 image_2 ml-13 data-v-07e72d3c" src="{{b}}"/></view><view class="flex-row items-center section_2 pos data-v-07e72d3c" bindtap="{{d}}"><image class="image_2 data-v-07e72d3c" src="{{c}}"/><text class="font_2 text_3 ml-9 data-v-07e72d3c">写真预约</text></view></view></view><view class="flex-col group mt-24 data-v-07e72d3c"><view class="flex-row justify-between group_2 data-v-07e72d3c"><text class="self-center font_3 text text_5 data-v-07e72d3c">推荐商品</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{e}}"/></view></view><view class="flex-row equal-division data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c" bindtap="{{g}}"><image class="image_4 data-v-07e72d3c" src="{{f}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{h}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{i}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between group_2 view data-v-07e72d3c"><text class="self-center font_3 text text_8 data-v-07e72d3c">推荐服务</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{j}}"/></view></view><view class="flex-row equal-division_2 data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{k}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{l}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{m}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between items-end group_4 data-v-07e72d3c"><text class="font text text_9 data-v-07e72d3c">活动资讯</text><view class="flex-row group_5 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{n}}"/></view></view></view><view class="flex-col list mt-24 data-v-07e72d3c"><view wx:for="{{o}}" wx:for-item="item" wx:key="a" class="flex-row items-center list-item data-v-07e72d3c"><view class="flex-col items-start flex-1 data-v-07e72d3c"><text class="font_5 text_13 data-v-07e72d3c">“五色五育”研学——端午香囊篇</text><text class="font_7 text_11 mt-13 data-v-07e72d3c">为进一步深入贯彻落实习近平总书记...</text><text class="font_8 text_15 mt-13 data-v-07e72d3c">2024-08-04</text></view><image class="shrink-0 image_5 ml-21 data-v-07e72d3c" src="{{p}}"/></view></view></view></view>
|
||||
|
|
@ -15,8 +15,7 @@
|
|||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
},
|
||||
"enhance": true
|
||||
}
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "3.6.0",
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user