文件路径更改
This commit is contained in:
parent
8f3374f5fc
commit
92d29a2edd
123
pages/Shopping-cart/Contact/Contact.vue
Normal file
123
pages/Shopping-cart/Contact/Contact.vue
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<text class="self-start font text">联系人信息</text>
|
||||
<view class="flex-col self-stretch section">
|
||||
<view class="flex-row items-center">
|
||||
<text class="font_2 text_2">收货人</text>
|
||||
<view class="flex-col justify-start items-start flex-1 text-wrapper ml-27">
|
||||
<text class="font_2 text_3">请输入姓名</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center mt-17">
|
||||
<text class="font_2 text_4">手机号码</text>
|
||||
<view class="flex-col justify-start items-start flex-1 text-wrapper_2 ml-13">
|
||||
<text class="font_2 text_5">15888610253</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center mt-17">
|
||||
<text class="font_2 text_6">设为默认联系人</text>
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-stretch section_2">
|
||||
<view class="flex-col justify-start items-center text-wrapper_3"><text class="font text_7">保存并使用</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.ml-27 {
|
||||
margin-left: 51.53rpx;
|
||||
}
|
||||
.mt-17 {
|
||||
margin-top: 32.44rpx;
|
||||
}
|
||||
.ml-13 {
|
||||
margin-left: 24.81rpx;
|
||||
}
|
||||
.page {
|
||||
padding-top: 26.72rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.font {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 28.4rpx;
|
||||
}
|
||||
.text {
|
||||
margin-left: 22.9rpx;
|
||||
color: #323232;
|
||||
line-height: 28.66rpx;
|
||||
}
|
||||
.section {
|
||||
margin: 57.25rpx 11.45rpx 0 40.08rpx;
|
||||
padding: 22.9rpx 15.27rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.54rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.71rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 24.77rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 38.17rpx;
|
||||
padding: 11.45rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 15.27rpx;
|
||||
color: #acacac;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 24.6rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
margin-right: 38.17rpx;
|
||||
padding: 15.27rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: 19.08rpx;
|
||||
line-height: 19.64rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.79rpx;
|
||||
}
|
||||
.image {
|
||||
margin-right: 41.98rpx;
|
||||
width: 34.35rpx;
|
||||
height: 34.35rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-top: 1047.71rpx;
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 26.72rpx 0;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #ffffff;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
111
pages/Shopping-cart/Phone/Phone.vue
Normal file
111
pages/Shopping-cart/Phone/Phone.vue
Normal file
|
|
@ -0,0 +1,111 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col list">
|
||||
<view class="flex-row justify-between items-center list-item mt-9" v-for="(item, index) in items" :key="index">
|
||||
<view class="flex-row items-center">
|
||||
<text class="font">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
<view class="flex-col justify-start items-center shrink-0 text-wrapper ml-9">
|
||||
<text class="text">默认</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=6ff8502391df0676ffa6f9a4c72cf204.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=33bb1d0b853cc38a598105b3dab0d494.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section mt-593">
|
||||
<view class="flex-col justify-start items-center text-wrapper_2"><text class="font text_2">新增联系人</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-9 {
|
||||
margin-top: 17.18rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 17.18rpx;
|
||||
}
|
||||
.mt-593 {
|
||||
margin-top: 1131.68rpx;
|
||||
}
|
||||
.page {
|
||||
padding-top: 20.99rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.list {
|
||||
padding: 0 20.99rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 30.53rpx 15.27rpx 30.53rpx 22.9rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.54rpx;
|
||||
border-left: solid 1.91rpx #818181;
|
||||
border-right: solid 1.91rpx #818181;
|
||||
border-top: solid 1.91rpx #818181;
|
||||
border-bottom: solid 1.91rpx #818181;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.font {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.67rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text-wrapper {
|
||||
background-color: #ffbe55;
|
||||
border-radius: 9.54rpx;
|
||||
width: 70.61rpx;
|
||||
height: 32.44rpx;
|
||||
}
|
||||
.text {
|
||||
color: #ffffff;
|
||||
font-size: 22.9rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.07rpx;
|
||||
}
|
||||
.image {
|
||||
border-radius: 9.54rpx;
|
||||
width: 40.08rpx;
|
||||
height: 40.08rpx;
|
||||
}
|
||||
.section {
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 26.72rpx 0 22.9rpx;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #ffffff;
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
@import url(../../../common/css/global);
|
||||
</style>
|
||||
|
|
@ -0,0 +1,203 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col group">
|
||||
<text class="self-start font text">收货信息</text>
|
||||
<view class="flex-col self-stretch section mt-15">
|
||||
<view class="flex-row items-center group_2">
|
||||
<text class="font">收货人</text>
|
||||
<view class="flex-col justify-start items-start flex-1 text-wrapper ml-27">
|
||||
<text class="font text_2">请输入姓名</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center group_3">
|
||||
<text class="font text_3">手机号码</text>
|
||||
<view class="ml-12 flex-col justify-start items-start flex-1 text-wrapper_2">
|
||||
<text class="font text_4">15888610253</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center group_4">
|
||||
<text class="font text_5">所在地区</text>
|
||||
<view class="flex-col justify-start flex-1 relative group_5 ml-13">
|
||||
<view class="flex-col justify-start items-start text-wrapper_3">
|
||||
<text class="font text_6">黑龙江/哈尔滨/呼兰区</text>
|
||||
</view>
|
||||
<image
|
||||
class="image pos"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3e2a31d894d6e2dc87b84024e8b30588.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center group_6">
|
||||
<text class="font text_7">详细地址</text>
|
||||
<view class="flex-col items-start flex-1 section_2 ml-13">
|
||||
<text class="font_2">利民开发区学院路288号哈尔滨华德</text>
|
||||
<text class="mt-2 font_2">学院</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center group_7">
|
||||
<text class="font">设为默认收货地址</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section_3 mt-462">
|
||||
<view class="flex-col justify-start items-center text-wrapper_4"><text class="text_8">保存并使用</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-15 {
|
||||
margin-top: 28.63rpx;
|
||||
}
|
||||
.ml-27 {
|
||||
margin-left: 51.53rpx;
|
||||
}
|
||||
.ml-13 {
|
||||
margin-left: 24.81rpx;
|
||||
}
|
||||
.mt-462 {
|
||||
margin-top: 881.68rpx;
|
||||
}
|
||||
.page {
|
||||
padding-top: 26.72rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group {
|
||||
padding: 0 20.99rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.77rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text {
|
||||
line-height: 24.92rpx;
|
||||
}
|
||||
.section {
|
||||
margin-right: 9.54rpx;
|
||||
padding-left: 26.72rpx;
|
||||
padding-right: 11.45rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 9.54rpx;
|
||||
border-left: solid 1.91rpx #818181;
|
||||
border-right: solid 1.91rpx #818181;
|
||||
border-top: solid 1.91rpx #818181;
|
||||
border-bottom: solid 1.91rpx #818181;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 22.9rpx 3.82rpx 11.45rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 30.53rpx;
|
||||
padding: 11.45rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 15.27rpx;
|
||||
color: #acacac;
|
||||
line-height: 24.71rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding: 15.27rpx 3.82rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 24.6rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
margin-right: 30.53rpx;
|
||||
padding: 15.27rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 19.08rpx;
|
||||
line-height: 19.64rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 11.45rpx 3.82rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 24.64rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-right: 11.45rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
margin-right: 17.18rpx;
|
||||
padding: 11.45rpx 0;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.text_6 {
|
||||
margin-left: 15.27rpx;
|
||||
line-height: 24.83rpx;
|
||||
}
|
||||
.image {
|
||||
width: 49.62rpx;
|
||||
height: 49.62rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.group_6 {
|
||||
padding: 15.27rpx 3.82rpx 7.63rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 24.69rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-right: 19.08rpx;
|
||||
padding: 7.63rpx 15.27rpx;
|
||||
background-color: #fffef8;
|
||||
height: 83.97rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 32.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_7 {
|
||||
padding: 26.72rpx 3.82rpx 34.35rpx;
|
||||
}
|
||||
.image_2 {
|
||||
margin-right: 19.08rpx;
|
||||
width: 34.35rpx;
|
||||
height: 34.35rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.text-wrapper_4 {
|
||||
padding: 26.72rpx 0;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_8 {
|
||||
color: #ffffff;
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 28.4rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
122
pages/Shopping-cart/address/address.vue
Normal file
122
pages/Shopping-cart/address/address.vue
Normal file
|
|
@ -0,0 +1,122 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col list">
|
||||
<view class="flex-col list-item mt-9" v-for="(item, index) in items" :key="index">
|
||||
<view class="flex-row justify-between items-center">
|
||||
<view class="flex-row items-center">
|
||||
<text class="font">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
<view class="flex-col justify-start items-center shrink-0 text-wrapper ml-9">
|
||||
<text class="text">默认</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6ff8502391df0676ffa6f9a4c72cf204.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=33bb1d0b853cc38a598105b3dab0d494.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-10 flex-col items-start">
|
||||
<text class="font_3">黑龙江省哈尔滨市呼兰区 学院路街道288号哈</text>
|
||||
<text class="mt-2 font_3">尔华德学院</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section mt-455">
|
||||
<view class="flex-col justify-start items-center text-wrapper_2"><text class="font text_2">新增地址</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-9 {
|
||||
margin-top: 17.18rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 17.18rpx;
|
||||
}
|
||||
.mt-455 {
|
||||
margin-top: 868.32rpx;
|
||||
}
|
||||
.page {
|
||||
padding-top: 20.99rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.list {
|
||||
padding: 0 20.99rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 30.53rpx 15.27rpx 30.53rpx 22.9rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.54rpx;
|
||||
border-left: solid 1.91rpx #818181;
|
||||
border-right: solid 1.91rpx #818181;
|
||||
border-top: solid 1.91rpx #818181;
|
||||
border-bottom: solid 1.91rpx #818181;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.font {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.67rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text-wrapper {
|
||||
background-color: #ffbe55;
|
||||
border-radius: 9.54rpx;
|
||||
width: 70.61rpx;
|
||||
height: 32.44rpx;
|
||||
}
|
||||
.text {
|
||||
color: #ffffff;
|
||||
font-size: 22.9rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.07rpx;
|
||||
}
|
||||
.image {
|
||||
border-radius: 9.54rpx;
|
||||
width: 40.08rpx;
|
||||
height: 40.08rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 32.44rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.section {
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 26.72rpx 0;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #ffffff;
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
57
pages/address.vue
Normal file
57
pages/address.vue
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
<template>
|
||||
<view>
|
||||
<uni-data-picker v-slot:default="{data, error, options}" :localdata="items" popup-title="选择省/市/区" @change="onchange" @nodeclick="onnodeclick">
|
||||
<view class="picker" :style="pik">{{ tempSelected }}</view>
|
||||
</uni-data-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {ref, onMounted} from 'vue'
|
||||
import data from './area.json'
|
||||
import emitter from '../../../utils/emitter';
|
||||
|
||||
const items = ref(data)
|
||||
const selected = ref('选择省/市/区')
|
||||
const selectedItem = ref([])
|
||||
const pik = ref({color: '#CFCFCF'})
|
||||
|
||||
const tempSelected = ref('选择省/市/区')
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
emitter.on('addRegion', (val:any) => {
|
||||
selected.value = val
|
||||
pik.value.color = "#000"
|
||||
if(selected.value.length > 11) tempSelected.value = selected.value.slice(0, 11) + '...'
|
||||
else tempSelected.value = selected.value
|
||||
})
|
||||
})
|
||||
|
||||
const onchange = (e) => {
|
||||
selectedItem.value = e.detail.value
|
||||
selected.value = ""
|
||||
selectedItem.value.map((it, index) => {
|
||||
selected.value += it.text
|
||||
if(index != 2)
|
||||
selected.value += "/"
|
||||
})
|
||||
if(selected.value.length > 11) tempSelected.value = selected.value.slice(0, 11) + '...'
|
||||
else tempSelected.value = selected.value
|
||||
pik.value.color = "#000"
|
||||
emitter.emit('region', selected.value)
|
||||
}
|
||||
const onnodeclick = (node) => {
|
||||
console.log(node)
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.picker{
|
||||
font-size: 35rpx;
|
||||
line-height: 100rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
543
pages/booking/AppointmentHome.vue
Normal file
543
pages/booking/AppointmentHome.vue
Normal file
|
|
@ -0,0 +1,543 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col group">
|
||||
<view class="flex-col justify-start items-start relative group_2">
|
||||
<view class="section_2"></view>
|
||||
<text class="font text pos">填写预约信息</text>
|
||||
<view class="flex-col section_3 pos_2">
|
||||
<navigator url="/pages/booking/ContactInformation">
|
||||
<view class="flex-row justify-between items-center group_3">
|
||||
<view class="flex-row items-center">
|
||||
<image class="shrink-0 image"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=31a410ede6797f73e60922316e512a5e.png" />
|
||||
<text class="font_2 text_2 ml-7">联系人：张三</text>
|
||||
<text class="font_2 text_3 ml-7">15888610253</text>
|
||||
</view>
|
||||
<image class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6f325d022e16b19acc81dad350dbd524.png" />
|
||||
</view>
|
||||
</navigator>
|
||||
<navigator url="/pages/booking/date">
|
||||
<view class="flex-row justify-between items-center group_4">
|
||||
<view class="flex-row items-center">
|
||||
<image class="image"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c6dac3074d9c4e4d6286c07f0ea03db5.png" />
|
||||
<view class="flex-col items-start ml-9">
|
||||
<text class="font_3">到店日期：2024-10-15</text>
|
||||
<text class="font_3 mt-2">具体场次：上午场（09:30-12:00）</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6f325d022e16b19acc81dad350dbd524.png" />
|
||||
</view>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group_5 mt-14">
|
||||
<view class="flex-col self-stretch">
|
||||
<text class="self-start font text_4">选择预约类别</text>
|
||||
<view class="flex-col justify-start self-stretch section_4 mt-14">
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-center equal-division-item_1 section_5">
|
||||
<image class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=b6725d0c7dfe22679472bb9a47e9e39b.png" />
|
||||
<text class="font_4 mt-11">租赁服装</text>
|
||||
</view>
|
||||
<view class="flex-col items-center equal-division-item_2 equal-division-item ml-23">
|
||||
<image class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=81f08e7f1a4104921b651e672383b3d9.png" />
|
||||
<text class="font_4 text_5">自带服装</text>
|
||||
<view class="section_7 pos_3"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<text class="self-start font text_6 mt-23">选择服装价位</text>
|
||||
</view>
|
||||
<view class="flex-col section_8 mt-14">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-between items-center section_1">
|
||||
<view class="flex-row items-center">
|
||||
<image class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c58ffae9f1ef4340291223163c7a8297.png" />
|
||||
<view class="flex-col ml-13">
|
||||
<text class="self-start font_2 text_7">简约风尚</text>
|
||||
<view class="flex-row items-baseline self-stretch mt-11">
|
||||
<text class="font_2">价位：</text>
|
||||
<text class="font_5 text_1 ml-1">￥100-200</text>
|
||||
</view>
|
||||
<text class="self-stretch font_6 mt-11">传承非遗之美，简约演绎经典</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="image_5"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png" />
|
||||
</view>
|
||||
<view class="flex-row items-center section_13 mt-9">
|
||||
<image class="shrink-0 image_4"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=bc0e955304da0a2ccafe3a66ac1f3aca.png" />
|
||||
<view class="flex-col flex-1 group_6">
|
||||
<text class="self-start font_2 text_9">时尚精选</text>
|
||||
<view class="flex-row items-baseline self-stretch mt-11">
|
||||
<text class="font_2">价位：</text>
|
||||
<text class="font_5 text_10 ml-1">￥200-400</text>
|
||||
</view>
|
||||
<text class="self-stretch font_6 text_11 mt-11">融合时尚与传统，精选非遗华章</text>
|
||||
</view>
|
||||
<image class="shrink-0 image_5 image_6"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png" />
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_13 mt-9">
|
||||
<view class="flex-row items-center">
|
||||
<image class="image_7"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4c1c758fda92536b923ec745cb077f5a.png" />
|
||||
<view class="flex-col ml-13">
|
||||
<text class="self-start font_2 text_12">奢华专属</text>
|
||||
<view class="flex-row items-baseline self-stretch mt-11">
|
||||
<text class="font_2">价位：</text>
|
||||
<text class="font_5 text_20 ml-1">￥400-800</text>
|
||||
</view>
|
||||
<text class="self-stretch font_6 mt-11">非遗匠心独运，奢华专属定制</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="image_5"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-center items-center mt-15">
|
||||
<image class="image_8"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=18dd2fa44538df4392850f46b9b3550e.png" />
|
||||
<text class="font_6 text_13 ml-4">预约须知</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center section_9 mt-19">
|
||||
<view class="flex-row items-center shrink-0 group_7">
|
||||
<view class="flex-col justify-start items-start shrink-0 relative group_8">
|
||||
<text class="text_14">预约费用：</text>
|
||||
<image class="image_2 pos_4"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3393d3563afcfe7dedbadba1ea5328a0.png" />
|
||||
</view>
|
||||
<text class="font_5 text_15">88.</text>
|
||||
<text class="text_17">00</text>
|
||||
</view>
|
||||
<view class="flex-row items-center flex-1 ml-51">
|
||||
<!-- <navigator url="../booking/BillingOfFees/BillingOfFees"> -->
|
||||
<view class="flex-row shrink-0 section_10" @click="goto">
|
||||
<text class="text_18">费用说明</text>
|
||||
<image class="shrink-0 image_9 ml-3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=0455b173571a47fdc438588e788f26c5.png" />
|
||||
</view>
|
||||
<!-- </navigator> -->
|
||||
<view class="flex-col justify-start items-center flex-1 text-wrapper ml-10">
|
||||
<text class="font_4 text_16">确定预约</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
// import { ref} from 'vue';
|
||||
const goto=()=>{
|
||||
uni.navigateTo({
|
||||
url:'/pages/booking/BillingOfFees/BillingOfFees'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
|
||||
.ml-23 {
|
||||
margin-left: 43.13rpx;
|
||||
}
|
||||
|
||||
.mt-23 {
|
||||
margin-top: 43.13rpx;
|
||||
}
|
||||
|
||||
.ml-13 {
|
||||
margin-left: 24.38rpx;
|
||||
}
|
||||
|
||||
.mt-9 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
|
||||
.ml-1 {
|
||||
margin-left: 1.88rpx;
|
||||
}
|
||||
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
|
||||
.mt-19 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.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 {
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
|
||||
.group {
|
||||
padding: 45.75rpx 0;
|
||||
}
|
||||
|
||||
.group_2 {
|
||||
padding-top: 12.38rpx;
|
||||
}
|
||||
|
||||
.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: 27.75rpx;
|
||||
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_3 {
|
||||
padding: 31.88rpx 0 15.94rpx;
|
||||
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: 24.3rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_2 {
|
||||
line-height: 24rpx;
|
||||
}
|
||||
|
||||
.text_3 {
|
||||
line-height: 24rpx;
|
||||
}
|
||||
|
||||
.image_2 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
|
||||
.group_4 {
|
||||
padding: 22.97rpx 0 36.51rpx;
|
||||
}
|
||||
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.group_5 {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.text_4 {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
|
||||
.section_4 {
|
||||
padding: 31.88rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
||||
.equal-division {
|
||||
margin-left: 41.25rpx;
|
||||
margin-right: 41.27rpx;
|
||||
}
|
||||
|
||||
.equal-division-item_1 {
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
|
||||
.section_5 {
|
||||
padding: 31.57rpx 0 40.58rpx;
|
||||
background-color: #fff291;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
|
||||
.image_3 {
|
||||
width: 159.99rpx;
|
||||
height: 159.99rpx;
|
||||
}
|
||||
|
||||
.font_4 {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.75rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.equal-division-item_2 {
|
||||
position: relative;
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
|
||||
.equal-division-item {
|
||||
padding: 31.56rpx 0 42.49rpx;
|
||||
background-color: #fff291;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
|
||||
.text_5 {
|
||||
margin-top: 19.46rpx;
|
||||
}
|
||||
|
||||
.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_6 {
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
|
||||
.section_8 {
|
||||
padding: 30rpx 30rpx 26.25rpx;
|
||||
background-color: #fff3c3;
|
||||
}
|
||||
|
||||
.section_1 {
|
||||
padding: 24.38rpx 26.25rpx 26.25rpx 39.38rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
||||
.image_4 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 118.13rpx;
|
||||
height: 151.88rpx;
|
||||
}
|
||||
|
||||
.text_7 {
|
||||
line-height: 24.26rpx;
|
||||
}
|
||||
|
||||
.font_5 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.3rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
|
||||
.text_1 {
|
||||
line-height: 24.81rpx;
|
||||
}
|
||||
|
||||
.font_6 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.36rpx;
|
||||
color: #898989;
|
||||
}
|
||||
|
||||
.image_5 {
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
|
||||
.section_13 {
|
||||
padding: 26.27rpx 26.25rpx 24.36rpx 39.38rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
||||
.group_6 {
|
||||
margin-left: 24.77rpx;
|
||||
}
|
||||
|
||||
.text_9 {
|
||||
line-height: 24.15rpx;
|
||||
}
|
||||
|
||||
.text_10 {
|
||||
line-height: 24.81rpx;
|
||||
}
|
||||
|
||||
.text_11 {
|
||||
line-height: 21.38rpx;
|
||||
}
|
||||
|
||||
.image_6 {
|
||||
margin-left: 39.99rpx;
|
||||
}
|
||||
|
||||
.image_7 {
|
||||
width: 118.13rpx;
|
||||
height: 151.88rpx;
|
||||
}
|
||||
|
||||
.text_12 {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
|
||||
.text_20 {
|
||||
line-height: 24.81rpx;
|
||||
}
|
||||
|
||||
.image_8 {
|
||||
width: 28.13rpx;
|
||||
height: 28.13rpx;
|
||||
}
|
||||
|
||||
.text_13 {
|
||||
color: #000000;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
|
||||
.section_9 {
|
||||
padding: 16.88rpx 20.63rpx 15rpx 21.6rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
|
||||
.group_7 {
|
||||
width: 236.23rpx;
|
||||
}
|
||||
|
||||
.group_8 {
|
||||
padding: 4.22rpx 0 5.25rpx;
|
||||
}
|
||||
|
||||
.text_14 {
|
||||
color: #000000;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.text_15 {
|
||||
color: #fbb612;
|
||||
font-weight: 700;
|
||||
line-height: 24.84rpx;
|
||||
}
|
||||
|
||||
.text_17 {
|
||||
margin-left: 3.52rpx;
|
||||
color: #fbb612;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
|
||||
.section_10 {
|
||||
padding: 9.38rpx 9.38rpx 9.38rpx 10.18rpx;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 9.38rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
|
||||
.text_18 {
|
||||
color: #323232;
|
||||
font-size: 18.75rpx;
|
||||
font-family: Inter;
|
||||
line-height: 17.36rpx;
|
||||
}
|
||||
|
||||
.image_9 {
|
||||
width: 18.75rpx;
|
||||
height: 18.75rpx;
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
padding: 27.3rpx 0 27.45rpx;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
height: 82.5rpx;
|
||||
}
|
||||
|
||||
.text_16 {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@import url(../../common/css/global.css);
|
||||
</style>
|
||||
141
pages/booking/BillingOfFees/BillingOfFees.vue
Normal file
141
pages/booking/BillingOfFees/BillingOfFees.vue
Normal file
|
|
@ -0,0 +1,141 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<text class="self-center text">费用说明</text>
|
||||
<view class="flex-col self-stretch group">
|
||||
<text class="self-start font text_2">一、费用支付流程</text>
|
||||
<text class="self-stretch font_2 text_3">
|
||||
确定等级：您将根据个人需求选择合适的服装价位区间，并完成预约操作。
|
||||
<br />
|
||||
预约成功：预约成功后，您需前往店铺挑选对应等级的服装。
|
||||
<br />
|
||||
</text>
|
||||
<text class="self-stretch font_2 text_4">
|
||||
补缴尾款及押金：在挑选服装时，您需要补缴尾款（扣除已支付定金后的剩余服务或商品费用）以及押金（用于保障服装归还时的完好）。
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-col self-stretch group_2">
|
||||
<text class="self-start font">二、尾款具体事项</text>
|
||||
<text class="mt-18 self-stretch font_3 text_5">
|
||||
租赁服装：若您选择租赁我们店铺没有的服装，租赁费用将在您支付尾款时一并结算。无论拍摄是否进行，租赁费用均不予退还。
|
||||
<br />
|
||||
购买服装：如您希望购买我们店铺的服装，且我们同意购买，将按照服装的稀有程度分等级定价。您需按照所选等级支付尾款。
|
||||
<br />
|
||||
定制服务：若您自带衣服，我们提供妆发及摄影服务。若需我们额外购买服装，将按照上述等级定价，您需支付相应的尾款。
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-col self-stretch group_3">
|
||||
<text class="self-start font text_6">三、定金与押金说明</text>
|
||||
<text class="self-stretch font_3 text_7 mt-15">
|
||||
定金：预约时支付的定金用于确认您的预约意向，定金 不予退还。
|
||||
<br />
|
||||
押金：拍摄完成后，我们将根据服装的归还情况决定是否扣除押金。若服装无损坏，押金将全额退还。
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-col self-stretch group_4">
|
||||
<text class="self-start font text_8">四、特殊情况处理</text>
|
||||
<text class="mt-18 self-stretch font_3 text_9">
|
||||
若因特殊情况您需要取消预约，请及时与我们联系。未拍摄情况下，定金不予退还，已支付的租赁费用亦不退还。
|
||||
<br />
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-stretch text-wrapper">
|
||||
<text class="text_10">我知道了</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</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;
|
||||
}
|
||||
</style>
|
||||
162
pages/booking/ContactInformation.vue
Normal file
162
pages/booking/ContactInformation.vue
Normal file
|
|
@ -0,0 +1,162 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col flex-1 group_2">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
|
||||
/>
|
||||
<text class="font ml-9">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-row group_3">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
|
||||
/>
|
||||
<text class="font ml-9">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-row group_3">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
|
||||
/>
|
||||
<text class="font ml-9">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-row group_3">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
|
||||
/>
|
||||
<text class="font ml-9">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-row group_3">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section_2 mt-251">
|
||||
<view class="flex-col justify-start items-center button"><text class="font text_2">添加新联系人</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {ref} from 'vue';
|
||||
|
||||
const items = ([null,null,null,null])
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.mt-251 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.page {
|
||||
background-color: #f5f5dc;
|
||||
border-radius: 28.13rpx 28.13rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group_2 {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.section {
|
||||
padding: 52.5rpx 15rpx;
|
||||
background-color: #fffef8;
|
||||
border-bottom: solid 1.88rpx #c8c8c8;
|
||||
}
|
||||
.image_3 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.19rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.05rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_3 {
|
||||
margin-right: 11.25rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 39.38rpx;
|
||||
height: 39.38rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 22.5rpx 0 15rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.button {
|
||||
padding: 30rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 639.38rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #ffffff;
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
@import url(../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start items-center page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col self-stretch group">
|
||||
<text class="self-center font text">预约须知</text>
|
||||
<view class="mt-12 flex-col self-stretch">
|
||||
<text class="font_2">
|
||||
1.成功预约的顾客需按照预定时间前往店内挑选相应级别的服装。为确保衣物在体验过程中的完好无损，顾客需根据所选服装的级别补缴尾款以及相应的押金。拍摄结束后，店铺将依据衣物的实际状况评估是否扣除押金。
|
||||
</text>
|
||||
<text class="mt-16 font_2 text_2">
|
||||
2.其中部分物品商家可提供，属于增值服务（如一次性隐形眼镜、
|
||||
一次性粉扑等属于服务费以外的赠送服务，买家可选择自带用品，不影响服务价格），需要买家自己准备的，客服需要提前告诉买家（如胸贴等贴身物品）
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-center text-wrapper">
|
||||
<text class="font text_3">我知道了</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
padding: 298.13rpx 0 708.75rpx;
|
||||
background-color: #f5f5dc;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding: 0 15rpx 31.88rpx 37.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx;
|
||||
width: 609.38rpx;
|
||||
}
|
||||
.group {
|
||||
padding: 37.5rpx 0 48.75rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 450rpx;
|
||||
}
|
||||
.text_3 {
|
||||
color: #ffffff;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
250
pages/booking/Simple/Simple.vue
Normal file
250
pages/booking/Simple/Simple.vue
Normal file
|
|
@ -0,0 +1,250 @@
|
|||
<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="font_2 text_2 ml-19">传承非遗之美，简约演绎经典</text>
|
||||
</view>
|
||||
<text class="self-start font_3 text_3">服装特点</text>
|
||||
<view class="flex-col items-start self-stretch group_2">
|
||||
<text class="font_2">提供多样化的经典汉服款式，如基础款曲裾、直裾等</text>
|
||||
<text class="mt-2 font_2">服装面料舒适，适合日常拍摄体验</text>
|
||||
<text class="mt-2 font_2">配饰简约，适合初次尝试传统服饰的用户</text>
|
||||
</view>
|
||||
<text class="self-start font_3 text_4">服务内容</text>
|
||||
<view class="flex-col items-start self-stretch group_3">
|
||||
<text class="font_2">专业化妆及基础发型设计</text>
|
||||
<text class="mt-2 font_2">服装租赁服务</text>
|
||||
<text class="mt-2 font_2">基础摄影服务（不含精修）</text>
|
||||
</view>
|
||||
<image
|
||||
class="image pos"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=d6d88e3f45498775df202023e1df0871.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=1c18c9d6f08498ff9a0cf7a598a0d271.png"
|
||||
/>
|
||||
<view class="ml-10 flex-col flex-1">
|
||||
<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">彩绣菊花纹刺绣长袍</text>
|
||||
<view class="self-stretch group_5">
|
||||
<text class="font_7">服装简介：</text>
|
||||
<text class="font_6">
|
||||
用上等丝绸，质地细腻、柔软且富有光泽，触感极佳。统手工刺绣技艺，每一针每一线都凝聚着匠人的心血与智慧，图案精美绝伦，色彩丰富和谐...
|
||||
</text>
|
||||
</view>
|
||||
<text class="self-end font_8">￥150</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-26 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>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-19 {
|
||||
margin-left: 35.63rpx;
|
||||
}
|
||||
.mt-11 {
|
||||
margin-top: 20.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: #f3fff3;
|
||||
border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
margin-top: 22.5rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #696969;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 21.36rpx;
|
||||
}
|
||||
.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: 0;
|
||||
bottom: 13.13rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 37.5rpx 30rpx 52.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #000000;
|
||||
}
|
||||
.list-item {
|
||||
padding: 22.5rpx;
|
||||
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 {
|
||||
margin-top: 15rpx;
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-top: 11.25rpx;
|
||||
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;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
475
pages/booking/date.vue
Normal file
475
pages/booking/date.vue
Normal file
|
|
@ -0,0 +1,475 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col flex-1 group_3">
|
||||
<view class="flex-col relative group">
|
||||
<view class="flex-col">
|
||||
<view class="flex-col group_2">
|
||||
<text class="self-start font text">场次</text>
|
||||
<view class="mt-20 flex-col items-start self-stretch group_4">
|
||||
<view class="flex-col justify-start text-wrapper">
|
||||
<text class="font_2 text_2">上午场（09:30-12:00）</text>
|
||||
</view>
|
||||
<view class="mt-14 flex-col justify-start text-wrapper_2">
|
||||
<text class="text_3">下午场（13:00-16:00）</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-20 self-stretch divider"></view>
|
||||
<text class="mt-20 self-start font text_4">日期</text>
|
||||
</view>
|
||||
<view class="mt-22 flex-col">
|
||||
<view class="flex-col justify-start self-start section">
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-center group_5 equal-division-item">
|
||||
<text class="font_2 text_5">9月</text>
|
||||
<text class="font_3 mt-9">￥68.00起</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_5 equal-division-item">
|
||||
<text class="font_2 text_5">10月</text>
|
||||
<text class="font_3 mt-9">￥68.00起</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_5 equal-division-item">
|
||||
<text class="font_2 text_5">11月</text>
|
||||
<text class="font_3 mt-9">￥68.00起</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_5 equal-division-item">
|
||||
<text class="font_2 text_5">12月</text>
|
||||
<text class="font_3 mt-9">￥68.00起</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-10 flex-row justify-between items-center self-stretch section_2">
|
||||
<text class="font_4 text_6">日</text>
|
||||
<text class="font_5 text_12">一</text>
|
||||
<text class="font_5 text_7">二</text>
|
||||
<text class="font_5 text_8">三</text>
|
||||
<text class="font_5 text_9">四</text>
|
||||
<text class="font_5 text_10">五</text>
|
||||
<text class="font_4 text_11">六</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col">
|
||||
<view class="grid">
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">1</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">2</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">3</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">4</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">5</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">6</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">7</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">8</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">9</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">10</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">11</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">12</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">13</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">14</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">15</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">16</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">17</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">18</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">19</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">20</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">21</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">22</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">23</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">24</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">25</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">26</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">27</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center grid-item">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 mt-7">28</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row mt-5">
|
||||
<view class="flex-col items-center section_3">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 text_13 mt-7">29</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center section_3 ml-5">
|
||||
<text class="font_6">余99</text>
|
||||
<text class="font_7 text_14 mt-7">30</text>
|
||||
<text class="font_8 mt-7">￥68.00</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center group_6">
|
||||
<text class="font">数量</text>
|
||||
<view class="flex-row items-center">
|
||||
<text class="text_15">一次限购100件</text>
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d02802d54496f19fd8b116/6705182d1511d900114a0a46/bd83ec79ae6ad0d4932c2e9d97aef3ef.png"
|
||||
/>
|
||||
<view class="flex-col justify-start items-center shrink-0 text-wrapper_3">
|
||||
<text class="font_7 text_16">1</text>
|
||||
</view>
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d02802d54496f19fd8b116/6705182d1511d900114a0a46/3d7428683bada7a94b84917c1f260b0e.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start section_4 mt-55">
|
||||
<view class="flex-col justify-start items-center button text-wrapper_4"><text class="text_17">下一步</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-9 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
.ml-5 {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
.mt-7 {
|
||||
margin-top: 13.13rpx;
|
||||
}
|
||||
.mt-55 {
|
||||
margin-top: 103.13rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group_3 {
|
||||
padding-bottom: 16.88rpx;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.group {
|
||||
margin-top: -15rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 0 31.88rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 27.69rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.text {
|
||||
margin-left: 3.75rpx;
|
||||
line-height: 27.51rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 18.75rpx 0;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 5.63rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.01rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 11.25rpx;
|
||||
line-height: 24.96rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 18.75rpx 0;
|
||||
background-color: #fff4cd;
|
||||
border-radius: 5.63rpx;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 11.25rpx;
|
||||
color: #fcc600;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.96rpx;
|
||||
}
|
||||
.divider {
|
||||
background-color: #eaeaea;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 7.5rpx;
|
||||
line-height: 27.39rpx;
|
||||
}
|
||||
.section {
|
||||
padding: 22.5rpx 0 15rpx;
|
||||
background-color: #fffef8;
|
||||
width: 538.13rpx;
|
||||
}
|
||||
.equal-division {
|
||||
padding: 0 26.25rpx;
|
||||
}
|
||||
.group_5 {
|
||||
flex: 1 1 120rpx;
|
||||
}
|
||||
.equal-division-item {
|
||||
padding: 11.25rpx 0;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 22.78rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.38rpx;
|
||||
color: #fcc600;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 30rpx 41.25rpx 30rpx 45rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 22.01rpx;
|
||||
color: #fcc600;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 22.07rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 22.01rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.text_12 {
|
||||
line-height: 2.16rpx;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 17.78rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 19.69rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 21rpx;
|
||||
}
|
||||
.text_10 {
|
||||
line-height: 20.16rpx;
|
||||
}
|
||||
.text_11 {
|
||||
line-height: 23.81rpx;
|
||||
}
|
||||
.grid {
|
||||
height: 455.63rpx;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(4, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(7, minmax(0, 1fr));
|
||||
row-gap: 11.38rpx;
|
||||
column-gap: 0;
|
||||
}
|
||||
.grid-item {
|
||||
padding: 18.75rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 5.63rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 15rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 13.76rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.01rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 15rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 11.08rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 5.63rpx;
|
||||
width: 101.25rpx;
|
||||
height: 106.88rpx;
|
||||
}
|
||||
.text_13 {
|
||||
line-height: 22.03rpx;
|
||||
}
|
||||
.text_14 {
|
||||
line-height: 22.05rpx;
|
||||
}
|
||||
.group_6 {
|
||||
margin-top: 52.5rpx;
|
||||
padding-left: 37.5rpx;
|
||||
padding-right: 28.13rpx;
|
||||
}
|
||||
.text_15 {
|
||||
color: #818181;
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.72rpx;
|
||||
}
|
||||
.image_2 {
|
||||
margin-left: 11.25rpx;
|
||||
border-radius: 5.63rpx 0rpx 0rpx 5.63rpx;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #f5f5dc;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text_16 {
|
||||
color: #000000;
|
||||
line-height: 21.41rpx;
|
||||
}
|
||||
.image_3 {
|
||||
border-radius: 0rpx 5.63rpx 5.63rpx 0rpx;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.button {
|
||||
margin: 0 45rpx;
|
||||
}
|
||||
.text-wrapper_4 {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 93.75rpx;
|
||||
}
|
||||
.text_17 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
font-weight: 700;
|
||||
line-height: 28.2rpx;
|
||||
}
|
||||
@import url(../../common/css/global.css);
|
||||
</style>
|
||||
266
pages/booking/exquisite/exquisite.vue
Normal file
266
pages/booking/exquisite/exquisite.vue
Normal file
|
|
@ -0,0 +1,266 @@
|
|||
<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 justify-center items-baseline self-stretch relative group_2">
|
||||
<text class="font text pos">精致体验</text>
|
||||
<text class="font_2 text_2">融合时尚与传统，精选非遗华章</text>
|
||||
</view>
|
||||
<text class="self-start font_3 text_3">服装特点</text>
|
||||
<view class="flex-col items-start self-stretch group_3">
|
||||
<text class="font_2">提供更为精致的汉服款式，如刺绣襦裙、改良旗袍等。</text>
|
||||
<text class="mt-2 font_2">服装细节丰富，面料上乘，适合追求品质的用户。</text>
|
||||
<text class="mt-2 font_2">配饰精美，增添拍摄效果。</text>
|
||||
</view>
|
||||
<text class="self-start font_3 text_4">服务内容</text>
|
||||
<view class="flex-col items-start self-stretch group_4">
|
||||
<text class="font_2">高级化妆及发型设计。</text>
|
||||
<text class="mt-2 font_2">服装租赁服务。</text>
|
||||
<text class="mt-2 font_2">专业摄影服务（含5张精修照片）。</text>
|
||||
</view>
|
||||
<image
|
||||
class="image pos_2"
|
||||
src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=9462be138086344171b159fb470bb8e3.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=45ad24ebaf7ffeee80d7804168b1c012.png"
|
||||
/>
|
||||
<view class="flex-col flex-1 ml-11">
|
||||
<view class="flex-col self-stretch">
|
||||
<view class="flex-row justify-end self-stretch group_5">
|
||||
<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="self-stretch group_6 mt-5">
|
||||
<text class="font_7">服装简介：</text>
|
||||
<text class="font_6">
|
||||
“瑞凤呈祥”以凤凰为主题，象征着吉祥、和谐与美好。交领的设计，端庄大气，展现东方女性的温婉气质；直裾流畅，行走间尽显风华。衣襟上的凤凰图案...
|
||||
</text>
|
||||
</view>
|
||||
<text class="self-end font_8 mt-5">￥350</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-48 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>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-11 {
|
||||
margin-left: 20.63rpx;
|
||||
}
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
.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: #ffe8e8;
|
||||
border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding-top: 7.5rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
line-height: 27.9rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0.13rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
margin-top: 22.5rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #696969;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 21.38rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-top: 24.38rpx;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 24.38rpx;
|
||||
}
|
||||
.image {
|
||||
width: 127.5rpx;
|
||||
height: 127.5rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
right: 7.5rpx;
|
||||
bottom: 15rpx;
|
||||
}
|
||||
.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 22.5rpx 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_5 {
|
||||
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.26rpx;
|
||||
}
|
||||
.group_6 {
|
||||
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;
|
||||
}
|
||||
@import url(@import url(../../../common/css/global.css););
|
||||
</style>
|
||||
501
pages/booking/payOrder.vue
Normal file
501
pages/booking/payOrder.vue
Normal file
|
|
@ -0,0 +1,501 @@
|
|||
<template>
|
||||
<view class="flex-row relative page">
|
||||
<image
|
||||
class="image pos"
|
||||
:src="good.url"
|
||||
/>
|
||||
<view class="flex-col section pos_2">
|
||||
<view class="flex-row items-baseline self-stretch group">
|
||||
<text class="text">{{good.price}}</text>
|
||||
<text class="text_2">积分</text>
|
||||
</view>
|
||||
<text class="mt-10 self-start font text_3">{{good.name}}</text>
|
||||
<text class="mt-10 self-start text_4">{{good.type}}</text>
|
||||
<view class="mt-10 flex-row justify-between self-stretch group_2">
|
||||
<view class="flex-row group_3">
|
||||
<text class="font_2 text_6">创客实验室</text>
|
||||
<text class="font_2 text_5">权益提供方-</text>
|
||||
</view>
|
||||
<view class="flex-row items-baseline group_4">
|
||||
<text class="font_2 text_7">已兑换</text>
|
||||
<text class="ml-4 font_2 text_8">{{good.sales}}</text>
|
||||
<text class="ml-4 font_2 text_9">件</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_2 pos_3">
|
||||
<view class="flex-row justify-between items-center" @click="jumpToChange">
|
||||
<view class="flex-row items-baseline">
|
||||
<text class="font_3">已选 :</text>
|
||||
<text class="font text_10">{{good.name}},</text>
|
||||
<text class="font text_11">{{changeCnt}}</text>
|
||||
<text class="font">件</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
:src="PointsMallImgUrl + 'payOrder/yjt.png'"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center mt-27" @click="jumpToAddress">
|
||||
<view class="flex-row">
|
||||
<text class="font_3 text_12">送至 :</text>
|
||||
<text class="ml-14 font_3 text_13">{{tempAddress}}</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
:src="PointsMallImgUrl + 'payOrder/yjt.png'"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_3 pos_4">
|
||||
<text class="self-start font text_14">商品详情</text>
|
||||
<view class="mt-12 flex-col self-stretch group_5">
|
||||
<text class="self-stretch font text_15">
|
||||
{{good.detail}}
|
||||
</text>
|
||||
<image
|
||||
mode="aspectFit"
|
||||
class="shrink-0 self-center image_3"
|
||||
:src="good.url"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start section_4 pos_5">
|
||||
<view class="flex-row justify-center items-center button section_5" @click="cPop">
|
||||
<text class="text_16">{{changePrice}}</text>
|
||||
<text class="ml-4 font text_17">积分兑换</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<uni-popup ref="popup" background-color="#fff" @change="change">
|
||||
<view class="popup-content">
|
||||
<addressVue></addressVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="change" background-color="#fff" @change="change">
|
||||
<view class="popup-content">
|
||||
<changeVue :good="good"></changeVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="alertDialog" type="dialog">
|
||||
<view class="pop">
|
||||
<popupVue></popupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="cAlertDialog" type="dialog">
|
||||
<view class="pop">
|
||||
<cPopupVue :changePrice="changePrice"></cPopupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="success" type="dialog">
|
||||
<view class="pop">
|
||||
<changeSuccessVue></changeSuccessVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { DomainName, PointsMallImgUrl } from '../../../common/global';
|
||||
import {onMounted, ref} from 'vue'
|
||||
import addressVue from '../component/address.vue'
|
||||
import emitter from '../../../utils/emitter'
|
||||
import popupVue from '../component/popup.vue';
|
||||
import changeVue from '../component/change.vue';
|
||||
import cPopupVue from '../component/cPopup.vue';
|
||||
import changeSuccessVue from '../component/changeSuccess.vue';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { userInfoStore } from '../../../store/user';
|
||||
const userStore = userInfoStore()
|
||||
|
||||
const good = ref([])
|
||||
|
||||
const changePrice = ref(0)
|
||||
const changeCnt = ref(1)
|
||||
|
||||
const tempAddress = ref('请输入/选择地址')
|
||||
|
||||
const realAddress = ref('')
|
||||
|
||||
const addId = ref(0)
|
||||
|
||||
onLoad((options) => {
|
||||
good.value = JSON.parse(options.good)
|
||||
changePrice.value = good.value.price
|
||||
console.log(good.value)
|
||||
})
|
||||
|
||||
const getDefaultAddress = async () => {
|
||||
const res = await uni.request({
|
||||
url: DomainName + '/change/queryUserDefaultAddress',
|
||||
method: 'GET',
|
||||
data: {
|
||||
id: userStore.user.id
|
||||
}
|
||||
})
|
||||
if(res.data.data != null){
|
||||
addId.value = res.data.data.id
|
||||
realAddress.value = (res.data.data.region + ' ' + res.data.data.detailAddress).split('/').join('')
|
||||
tempAddress.value = (res.data.data.region + ' ' + res.data.data.detailAddress).split('/').join('')
|
||||
if(tempAddress.value.length > 14)
|
||||
tempAddress.value = tempAddress.value.slice(0, 14) + '...'
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
const pointsChangeGoods = async () => {
|
||||
if(tempAddress.value == '请输入/选择地址'){
|
||||
uni.showToast({
|
||||
title: '请选择地址',
|
||||
icon: 'fail'
|
||||
})
|
||||
return ;
|
||||
}
|
||||
const res = await uni.request({
|
||||
url: DomainName + '/change/pointsChangeGoods',
|
||||
method: 'POST',
|
||||
data: {
|
||||
orderDate: getDate(),
|
||||
goodId: good.value.id,
|
||||
addressId: addId.value,
|
||||
quantity: changeCnt.value,
|
||||
userId: userStore.user.id
|
||||
}
|
||||
})
|
||||
console.log(res)
|
||||
if(res.data.code == '200'){
|
||||
successPop()
|
||||
}else{
|
||||
uni.showToast({
|
||||
title: '积分不足',
|
||||
icon: 'fail'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
emitter.on('open', () => {
|
||||
open()
|
||||
})
|
||||
emitter.on('close', () => {
|
||||
close()
|
||||
})
|
||||
emitter.on('pop', () => {
|
||||
pop()
|
||||
})
|
||||
emitter.on('cClose', (obj:any) => {
|
||||
cClose(obj)
|
||||
})
|
||||
emitter.on('cPopClose', () => {
|
||||
cPopClose()
|
||||
})
|
||||
emitter.on('successPop', () => {
|
||||
successPop()
|
||||
})
|
||||
emitter.on('popClose', () => {
|
||||
popClose()
|
||||
})
|
||||
emitter.on('cPop', () => {
|
||||
cPop()
|
||||
})
|
||||
|
||||
emitter.on('changeGoods', () => {
|
||||
pointsChangeGoods()
|
||||
})
|
||||
|
||||
emitter.on('addId', (val:any) => {
|
||||
addId.value = val
|
||||
})
|
||||
|
||||
emitter.on('addAddressOrder', (val:any) => {
|
||||
realAddress.value = val
|
||||
tempAddress.value = val
|
||||
if(tempAddress.value.length > 14)
|
||||
tempAddress.value = tempAddress.value.slice(0, 14) + '...'
|
||||
})
|
||||
|
||||
getDefaultAddress()
|
||||
|
||||
})
|
||||
|
||||
const jumpToAddress = () => {
|
||||
open()
|
||||
}
|
||||
const popup = ref(null)
|
||||
|
||||
const open = () => {
|
||||
popup.value.open('bottom')
|
||||
}
|
||||
const close = () => {
|
||||
popup.value.close()
|
||||
}
|
||||
|
||||
|
||||
const jumpToChange = () => {
|
||||
cOpen()
|
||||
}
|
||||
|
||||
const change = ref(null)
|
||||
const cOpen = () => {
|
||||
change.value.open('bottom')
|
||||
}
|
||||
const cClose = (obj:any) => {
|
||||
if(obj.confirm){
|
||||
changePrice.value = obj.cnt * good.value.price
|
||||
changeCnt.value = obj.cnt
|
||||
}
|
||||
change.value.close()
|
||||
}
|
||||
|
||||
|
||||
|
||||
const alertDialog = ref(null)
|
||||
const cAlertDialog = ref(null)
|
||||
const success = ref(null)
|
||||
|
||||
const successPop = () => {
|
||||
success.value.open()
|
||||
}
|
||||
|
||||
const pop = () => {
|
||||
alertDialog.value.open()
|
||||
}
|
||||
|
||||
const popClose = () => {
|
||||
alertDialog.value.close()
|
||||
}
|
||||
|
||||
const cPop = () => {
|
||||
cAlertDialog.value.open()
|
||||
}
|
||||
|
||||
const cPopClose = () => {
|
||||
cAlertDialog.value.close()
|
||||
}
|
||||
|
||||
const getDate = () => {
|
||||
let now = new Date()
|
||||
let year = now.getFullYear()
|
||||
let month = (now.getMonth() + 1).toString().padStart(2, 0)
|
||||
let date = now.getDate().toString().padStart(2, 0)
|
||||
return year + '-' + month + '-' + date
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.pop{
|
||||
height: 500rpx;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
height: 392px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 30rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.section, .section_2, .section_3{
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.mt-27 {
|
||||
margin-top: 63.28rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 614.06rpx 37.5rpx 173.44rpx;
|
||||
background-color: #f3f3f6;
|
||||
mix-blend-mode: LUMINOSITY;
|
||||
height: 2135.16rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
.image {
|
||||
width: 100vw;
|
||||
height: 81.875vw;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: -2.34rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section {
|
||||
padding-top: 37.5rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.group {
|
||||
padding: 0 37.5rpx;
|
||||
.text {
|
||||
color: #00ba9c;
|
||||
font-size: 56.25rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 38.79rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #00ba9c;
|
||||
font-size: 30.47rpx;
|
||||
font-family: Rockwell Condensed;
|
||||
line-height: 27.91rpx;
|
||||
}
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 28.13rpx;
|
||||
line-height: 34.64rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 28.13rpx;
|
||||
color: #454e6c;
|
||||
font-size: 32.81rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 30.33rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 37.5rpx 18.75rpx;
|
||||
border-top: solid 2.34rpx #e5e5e5;
|
||||
.group_3 {
|
||||
width: 295.29rpx;
|
||||
margin-top: 0;
|
||||
.text_6 {
|
||||
margin-left: 150rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: -295.31rpx;
|
||||
}
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 9.38rpx;
|
||||
.text_7 {
|
||||
line-height: 25.97rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 20.67rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 25.76rpx;
|
||||
}
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.04rpx;
|
||||
color: #454e6c;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 614.06rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 28.13rpx 23.44rpx 32.81rpx 32.81rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.font_3 {
|
||||
font-size: 30.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.36rpx;
|
||||
color: #9ca1b1;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 23.44rpx;
|
||||
line-height: 36.49rpx;
|
||||
}
|
||||
.text_11 {
|
||||
margin-left: 9.38rpx;
|
||||
line-height: 27.16rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 30.47rpx;
|
||||
height: 30.47rpx;
|
||||
}
|
||||
.text_12 {
|
||||
line-height: 34.2rpx;
|
||||
}
|
||||
.text_13 {
|
||||
line-height: 34.69rpx;
|
||||
}
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.font {
|
||||
// font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.36rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 37.5rpx 37.5rpx 42.19rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.text_14 {
|
||||
line-height: 34.62rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-right: 14.06rpx;
|
||||
.text_15 {
|
||||
line-height: 46.88rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
.image_3 {
|
||||
margin-top: -9.38rpx;
|
||||
width: 349.22rpx;
|
||||
height: 339.84rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 1200rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 25.78rpx 0 39.84rpx;
|
||||
background-color: #ffffff;
|
||||
.button {
|
||||
margin: 0 46.88rpx;
|
||||
.text_16 {
|
||||
color: #ffffff;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 25.85rpx;
|
||||
}
|
||||
.text_17 {
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
line-height: 35.55rpx;
|
||||
}
|
||||
}
|
||||
.section_5 {
|
||||
padding: 23.44rpx 0;
|
||||
background-color: #00ba9c;
|
||||
border-radius: 117.19rpx;
|
||||
}
|
||||
}
|
||||
.pos_5 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: -2.34rpx;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@import url('../css/global2.css');
|
||||
|
||||
</style>
|
||||
255
pages/booking/respectable/respectable.vue
Normal file
255
pages/booking/respectable/respectable.vue
Normal file
|
|
@ -0,0 +1,255 @@
|
|||
<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>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</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;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
357
pages/home/home.vue
Normal file
357
pages/home/home.vue
Normal file
|
|
@ -0,0 +1,357 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<swiper><swiper-item v-for="(item, index) in items" :key="index"></swiper-item></swiper>
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col">
|
||||
<text class="self-start font text text_2">热门精品</text>
|
||||
<view class="flex-col justify-start items-end self-stretch relative mt-16">
|
||||
<view class="flex-row items-center section_3">
|
||||
<text class="font_2 text_4">非遗工坊</text>
|
||||
<image
|
||||
class="shrink-0 image_2 ml-13"
|
||||
:src="shizi"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row items-center section_2 pos">
|
||||
<image
|
||||
class="image_2"
|
||||
:src="rili"
|
||||
/>
|
||||
<text class="font_2 text_3 ml-9">写真预约</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group mt-24">
|
||||
<view class="flex-row justify-between group_2">
|
||||
<text class="self-center font_3 text text_5">推荐商品</text>
|
||||
<view class="flex-row self-start group_3">
|
||||
<text class="font_4">更多</text>
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
:src="you"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col section_4 equal-division-item">
|
||||
<view class="flex-col items-start self-stretch">
|
||||
<image
|
||||
class="image_4"
|
||||
:src="product"
|
||||
/>
|
||||
<text class="font_5 text_6 mt-2">琉璃发体验包</text>
|
||||
</view>
|
||||
<text class="self-start font_6 text_7 mt-7">￥750</text>
|
||||
</view>
|
||||
<view class="flex-col section_4 equal-division-item ml-9">
|
||||
<view class="flex-col items-start self-stretch">
|
||||
<image
|
||||
class="image_4"
|
||||
:src="product"
|
||||
/>
|
||||
<text class="font_5 text_6 mt-2">琉璃发体验包</text>
|
||||
</view>
|
||||
<text class="self-start font_6 text_7 mt-7">￥750</text>
|
||||
</view>
|
||||
<view class="flex-col section_4 equal-division-item ml-9">
|
||||
<view class="flex-col items-start self-stretch">
|
||||
<image
|
||||
class="image_4"
|
||||
:src="product"
|
||||
/>
|
||||
<text class="font_5 text_6 mt-2">琉璃发体验包</text>
|
||||
</view>
|
||||
<text class="self-start font_6 text_7 mt-7">￥750</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_2 view">
|
||||
<text class="self-center font_3 text text_8">推荐服务</text>
|
||||
<view class="flex-row self-start group_3">
|
||||
<text class="font_4">更多</text>
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
:src="you"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row equal-division_2">
|
||||
<view class="flex-col section_4 equal-division-item">
|
||||
<view class="flex-col items-start self-stretch">
|
||||
<image
|
||||
class="image_4"
|
||||
:src="product"
|
||||
/>
|
||||
<text class="font_5 text_6 mt-2">琉璃发体验包</text>
|
||||
</view>
|
||||
<text class="self-start font_6 text_7 mt-7">￥750</text>
|
||||
</view>
|
||||
<view class="flex-col section_4 equal-division-item ml-9">
|
||||
<view class="flex-col items-start self-stretch">
|
||||
<image
|
||||
class="image_4"
|
||||
:src="product"
|
||||
/>
|
||||
<text class="font_5 text_6 mt-2">琉璃发体验包</text>
|
||||
</view>
|
||||
<text class="self-start font_6 text_7 mt-7">￥750</text>
|
||||
</view>
|
||||
<view class="flex-col section_4 equal-division-item ml-9">
|
||||
<view class="flex-col items-start self-stretch">
|
||||
<image
|
||||
class="image_4"
|
||||
:src="product"
|
||||
/>
|
||||
<text class="font_5 text_6 mt-2">琉璃发体验包</text>
|
||||
</view>
|
||||
<text class="self-start font_6 text_7 mt-7">￥750</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-end group_4">
|
||||
<text class="font text text_9">活动资讯</text>
|
||||
<view class="flex-row group_5">
|
||||
<text class="font_4">更多</text>
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
:src="you"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col list mt-24">
|
||||
<view class="flex-row items-center list-item" v-for="(item, index) in items_1" :key="index">
|
||||
<view class="flex-col items-start flex-1">
|
||||
<text class="font_5 text_13">“五色五育”研学——端午香囊篇</text>
|
||||
<text class="font_7 text_11 mt-13">为进一步深入贯彻落实习近平总书记...</text>
|
||||
<text class="font_8 text_15 mt-13">2024-08-04</text>
|
||||
</view>
|
||||
<image
|
||||
class="shrink-0 image_5 ml-21"
|
||||
:src="xuanchuan"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {ref} from 'vue'
|
||||
import dec from '@/pages/home/img/dec.png'
|
||||
import product from '@/pages/home/img/product.png'
|
||||
import right from '@/pages/home/img/right.png'
|
||||
import left from '@/pages/home/img/left.png'
|
||||
import rili from '@/pages/home/img/rili.png'
|
||||
import xuanchuan from '@/pages/home/img/xuanchuan.png'
|
||||
import shizi from '@/pages/home/img/shizi.png'
|
||||
import you from '@/pages/home/img/you.png'
|
||||
|
||||
const items = ref( [null, null, null])
|
||||
const items_1 = ref( [null, null, null])
|
||||
const items_2 = ref( [null, null, null])
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-13 {
|
||||
margin-left: 24.38rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.mt-7 {
|
||||
margin-top: 13.13rpx;
|
||||
}
|
||||
.mt-13 {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
.ml-21 {
|
||||
margin-left: 39.38rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #fbf2e3;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding: 17.85rpx 7.5rpx 49.88rpx 13.13rpx;
|
||||
background-color: #fff9ed;
|
||||
border-radius: 37.5rpx 37.5rpx 0 0;
|
||||
}
|
||||
.font {
|
||||
font-size: 45rpx;
|
||||
font-family: STZhongsong;
|
||||
line-height: 41.98rpx;
|
||||
color: transparent;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 15rpx 30rpx 13.13rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=d2d686bc17d9d76e7b320e5a4ea70952.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 28.29rpx;
|
||||
font-weight: 700;
|
||||
color: #5c1416;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 77.66rpx;
|
||||
line-height: 28.56rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 86.25rpx;
|
||||
height: 86.25rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 15rpx 26.25rpx 13.13rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=aa376a23521cc37d71891264189a3902.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 371.25rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 28.31rpx;
|
||||
}
|
||||
.group {
|
||||
padding: 0 28.5rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding-left: 8.34rpx;
|
||||
padding-right: 5.25rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 45rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 41.98rpx;
|
||||
color: transparent;
|
||||
}
|
||||
.text {
|
||||
background-image: linear-gradient(270deg, #7e0d11 0%, #a54747 50%, #7e0d11 100%);
|
||||
-webkit-background-clip: text;
|
||||
text-shadow: 3.75rpx 3.75rpx 3.75rpx #00000040;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 25.31rpx;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 41.49rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 17.21rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 28.29rpx;
|
||||
font-weight: 700;
|
||||
color: #9a714d;
|
||||
}
|
||||
.image_3 {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
.equal-division {
|
||||
margin: 28.13rpx 29.63rpx 0 7.13rpx;
|
||||
}
|
||||
.section_4 {
|
||||
flex: 1 1 200.63rpx;
|
||||
}
|
||||
.equal-division-item {
|
||||
padding: 9.88rpx 8.61rpx 33.47rpx 13.89rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 9.38rpx;
|
||||
height: 268.13rpx;
|
||||
border: solid 1.88rpx #ac8d5d;
|
||||
}
|
||||
.image_4 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 159.99rpx;
|
||||
height: 159.99rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.16rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_6 {
|
||||
font-size: 28.13rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 18rpx;
|
||||
color: #ff0000;
|
||||
}
|
||||
.text_7 {
|
||||
margin-left: 3.04rpx;
|
||||
-webkit-text-stroke: 1.88rpx #ff000040;
|
||||
}
|
||||
.view {
|
||||
margin-top: 42.79rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 41.53rpx;
|
||||
}
|
||||
.equal-division_2 {
|
||||
margin: 24.38rpx 29.63rpx 0 7.13rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-top: 30.71rpx;
|
||||
}
|
||||
.text_9 {
|
||||
margin-bottom: 3.41rpx;
|
||||
line-height: 42.75rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-right: 10.88rpx;
|
||||
}
|
||||
.list {
|
||||
margin-left: 26.25rpx;
|
||||
margin-right: 30rpx;
|
||||
padding: 5.63rpx 0 39.38rpx;
|
||||
background-color: #f7e7c6;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 31.88rpx 30.36rpx 16.88rpx;
|
||||
}
|
||||
.text_13 {
|
||||
line-height: 24.39rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.89rpx;
|
||||
color: #6c6c6c;
|
||||
}
|
||||
.text_11 {
|
||||
margin-left: 8.36rpx;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 18rpx;
|
||||
color: #6c6c6c;
|
||||
}
|
||||
.text_15 {
|
||||
margin-left: 8.27rpx;
|
||||
line-height: 16.54rpx;
|
||||
}
|
||||
.image_5 {
|
||||
margin-right: 3.39rpx;
|
||||
width: 178.13rpx;
|
||||
height: 127.5rpx;
|
||||
}
|
||||
@import url(../../common/css/global.css);
|
||||
|
||||
</style>
|
||||
BIN
pages/home/img/dec.png
Normal file
BIN
pages/home/img/dec.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
pages/home/img/left.png
Normal file
BIN
pages/home/img/left.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
pages/home/img/lunbo.png
Normal file
BIN
pages/home/img/lunbo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
BIN
pages/home/img/product.png
Normal file
BIN
pages/home/img/product.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
BIN
pages/home/img/right.png
Normal file
BIN
pages/home/img/right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 946 B |
BIN
pages/home/img/rili.png
Normal file
BIN
pages/home/img/rili.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
pages/home/img/shizi.png
Normal file
BIN
pages/home/img/shizi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
pages/home/img/xuanchuan.png
Normal file
BIN
pages/home/img/xuanchuan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
pages/home/img/you.png
Normal file
BIN
pages/home/img/you.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 608 B |
BIN
pages/mine/main/img/address.png
Normal file
BIN
pages/mine/main/img/address.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
pages/mine/main/img/avator.png
Normal file
BIN
pages/mine/main/img/avator.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
pages/mine/main/img/background.png
Normal file
BIN
pages/mine/main/img/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
pages/mine/main/img/daifahuo.png
Normal file
BIN
pages/mine/main/img/daifahuo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
pages/mine/main/img/daishouhuo.png
Normal file
BIN
pages/mine/main/img/daishouhuo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
pages/mine/main/img/dingdan.png
Normal file
BIN
pages/mine/main/img/dingdan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
pages/mine/main/img/lianxiren_s.png
Normal file
BIN
pages/mine/main/img/lianxiren_s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
pages/mine/main/img/qianbao.png
Normal file
BIN
pages/mine/main/img/qianbao.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
pages/mine/main/img/setting_s.png
Normal file
BIN
pages/mine/main/img/setting_s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
pages/mine/main/img/tuikuan.png
Normal file
BIN
pages/mine/main/img/tuikuan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
pages/mine/main/img/you.png
Normal file
BIN
pages/mine/main/img/you.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 542 B |
|
|
@ -29,7 +29,7 @@
|
|||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=7bdff53fb8496af1f03108834ffe5433.png"
|
||||
/>
|
||||
<text class="font text_9">待付款</text>
|
||||
<text class="font text_1">待付款</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_3 group_5">
|
||||
<image
|
||||
|
|
@ -48,9 +48,9 @@
|
|||
<view class="flex-col items-center group_3 group_7">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=bbc962734a7b3ae07efd50b3d45d3b4c.png"
|
||||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/fc55df993ef8fcd0f6ccd520ca456ffc.png"
|
||||
/>
|
||||
<text class="font text_1">退款/售后</text>
|
||||
<text class="font text_9">退款/售后</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col mt-37">
|
||||
|
|
@ -82,16 +82,18 @@
|
|||
/>
|
||||
</view>
|
||||
<view class="list-divider mt-5"></view>
|
||||
<view class="flex-row justify-between items-center relative list-item_2 mt-5">
|
||||
<text class="font_2 text_6">设置</text>
|
||||
<view class="flex-row justify-between items-center list-item_2 mt-5">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_8"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=aaa71b80b36b1105abb2df0709f45cf4.png"
|
||||
/>
|
||||
<text class="font_2 text_6 ml-7">设置</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_4"
|
||||
class="image_4 image_7"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=2c743c962fad52268183fda762d7ebb7.png"
|
||||
/>
|
||||
<image
|
||||
class="image_7 pos"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=aaa71b80b36b1105abb2df0709f45cf4.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -99,7 +101,18 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
import {ref} from 'vue'
|
||||
import address from '@/pages/mine/main/img/address.png'
|
||||
import avator from '@/pages/mine/main/img/avator.png'
|
||||
import background from '@/pages/mine/main/img/background.png'
|
||||
import daifahuo from '@/pages/mine/main/img/daifahuo.png'
|
||||
import daishouhuo from '@/pages/mine/main/img/daishouhuo.png'
|
||||
import dingdan from '@/pages/mine/main/img/dingdan.png'
|
||||
import lianxiren_s from '@/pages/mine/main/img/lianxiren_s.png'
|
||||
import qianbao from '@/pages/mine/main/img/qianbao.png'
|
||||
import setting_s from '@/pages/mine/main/img/setting_s.png'
|
||||
import tuikuan from '@/pages/mine/main/img/tuikuan.png'
|
||||
import you from '@/pages/mine/main/img/you.png'
|
||||
|
||||
</script>
|
||||
|
||||
|
|
@ -113,13 +126,17 @@
|
|||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.page {
|
||||
padding-bottom: 564.38rpx;
|
||||
// padding-bottom: 564.38rpx;
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
// height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
.section {
|
||||
padding: 213.75rpx 0 105rpx;
|
||||
|
|
@ -197,7 +214,7 @@
|
|||
.group_4 {
|
||||
padding: 9.99rpx 0 11.79rpx;
|
||||
}
|
||||
.text_9 {
|
||||
.text_1 {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.group_5 {
|
||||
|
|
@ -209,7 +226,7 @@
|
|||
.group_7 {
|
||||
padding: 10.01rpx 0 11.94rpx;
|
||||
}
|
||||
.text_1 {
|
||||
.text_9 {
|
||||
font-size: 24.38rpx;
|
||||
line-height: 22.52rpx;
|
||||
}
|
||||
|
|
@ -253,22 +270,20 @@
|
|||
height: 50.63rpx;
|
||||
}
|
||||
.list-item_2 {
|
||||
padding: 22.5rpx 32.98rpx 22.5rpx 79.22rpx;
|
||||
padding: 22.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_8 {
|
||||
filter: drop-shadow(0rpx 7.5rpx 3.75rpx #00000040);
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 27.11rpx;
|
||||
}
|
||||
.image_7 {
|
||||
filter: drop-shadow(0rpx 7.5rpx 3.75rpx #00000040);
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 39.38rpx;
|
||||
top: 5.63rpx;
|
||||
margin-right: 10.48rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
|
|||
331
pages/mine/mineorders/mineorders.vue
Normal file
331
pages/mine/mineorders/mineorders.vue
Normal file
|
|
@ -0,0 +1,331 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col justify-start section_2">
|
||||
<view class="flex-row justify-center items-center section_3">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=fdbd983b280698c0b56f8e9ecc269b70.png"
|
||||
/>
|
||||
<text class="ml-4 font text">搜索订单</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_4">
|
||||
<view class="flex-row justify-between self-stretch group">
|
||||
<text class="font_2 text_2">全部</text>
|
||||
<text class="font_2 text_3">待付款</text>
|
||||
<text class="font_2">待发货</text>
|
||||
<text class="font_2">待收货</text>
|
||||
<text class="font_2 text_4">退款/售后</text>
|
||||
</view>
|
||||
<view class="self-start section_5"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_6 mt-15">
|
||||
<text class="self-end font_3 text_5">等待买家付款</text>
|
||||
<view class="flex-row items-baseline self-stretch group_2">
|
||||
<text class="font_4 text_6">订单编号：</text>
|
||||
<text class="font_4 text_7 ml-5">E20241005095840091406189</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between self-stretch group_3">
|
||||
<view class="flex-row">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=841a568e645c15ed7f22f808c4b71453.png"
|
||||
/>
|
||||
<view class="ml-18 flex-col self-start">
|
||||
<view class="flex-row self-stretch">
|
||||
<text class="font text_8">非遗绒花</text>
|
||||
<text class="ml-4 font text_9">【材料包】</text>
|
||||
</view>
|
||||
<text class="self-start font_4 text_12 mt-11">已选种类：紫色</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col self-start group_4">
|
||||
<view class="flex-row items-center self-stretch">
|
||||
<text class="text_10">138.</text>
|
||||
<image
|
||||
class="shrink-0 image_3 image_4"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=c19714fa97c855c9c925359cea5f932e.png"
|
||||
/>
|
||||
<text class="font_5 text_11">00</text>
|
||||
</view>
|
||||
<text class="mt-22 self-end font text_13">×1</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-end items-center self-stretch group_5 view">
|
||||
<text class="font_6 text_14">已优惠：</text>
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=8baea7ad504b97f55d44d57ebf139e5a.png"
|
||||
/>
|
||||
<view class="group_6">
|
||||
<text class="font_7 text_15">50</text>
|
||||
<text class="font_5">.00</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-end items-center self-stretch group_5 view_2">
|
||||
<text class="font_6 text_16">需付款：</text>
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=678e4e6a1249193068520fa98adb13ef.png"
|
||||
/>
|
||||
<view class="group_7">
|
||||
<text class="font_7 text_17">88</text>
|
||||
<text class="font_5 text_18">.00</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-end self-stretch group_5 view_3">
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="font text_19">取消订单</text></view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_2 ml-15">
|
||||
<text class="font_3 text_20">立即付款</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.ml-5 {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-15 {
|
||||
margin-left: 28.13rpx;
|
||||
}
|
||||
.page {
|
||||
padding-bottom: 993.75rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.section_3 {
|
||||
margin: 0 35.63rpx;
|
||||
padding: 9.38rpx 0;
|
||||
background-color: #ffffff;
|
||||
border-radius: 75rpx;
|
||||
}
|
||||
.image {
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding-left: 33.75rpx;
|
||||
padding-right: 30rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.group {
|
||||
padding: 22.5rpx 0 18.75rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.81rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 27.66rpx;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.section_5 {
|
||||
margin-left: 123.75rpx;
|
||||
background-color: #fb8b05;
|
||||
width: 73.13rpx;
|
||||
height: 5.63rpx;
|
||||
}
|
||||
.section_6 {
|
||||
margin: 0 15rpx;
|
||||
padding: 30rpx 11.25rpx 18.75rpx 22.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
border-left: solid 1.88rpx #81818154;
|
||||
border-right: solid 1.88rpx #81818154;
|
||||
border-top: solid 1.88rpx #81818154;
|
||||
border-bottom: solid 1.88rpx #81818154;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.34rpx;
|
||||
color: #fb8b05;
|
||||
}
|
||||
.text_5 {
|
||||
margin-right: 3.75rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.99rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 20.85rpx;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 16.54rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.image_2 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 146.25rpx;
|
||||
height: 144.38rpx;
|
||||
}
|
||||
.text_12 {
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 18.75rpx;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 26.25rpx;
|
||||
color: #323232;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 600;
|
||||
line-height: 24.88rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 30rpx;
|
||||
height: 26.25rpx;
|
||||
}
|
||||
.image_4 {
|
||||
margin-left: -90rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 19.39rpx;
|
||||
font-weight: 600;
|
||||
color: #323232;
|
||||
}
|
||||
.text_11 {
|
||||
margin-left: 60rpx;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.34rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 24.43rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 24.43rpx;
|
||||
}
|
||||
.text {
|
||||
color: #c0c0c0;
|
||||
}
|
||||
.text_13 {
|
||||
line-height: 18.73rpx;
|
||||
}
|
||||
.group_5 {
|
||||
padding: 0 15rpx;
|
||||
}
|
||||
.view {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.34rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_14 {
|
||||
margin-right: -7.5rpx;
|
||||
line-height: 24.09rpx;
|
||||
}
|
||||
.group_6 {
|
||||
line-height: 22.05rpx;
|
||||
height: 22.11rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.99rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.text_15 {
|
||||
color: #323232;
|
||||
line-height: 22.05rpx;
|
||||
}
|
||||
.view_2 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.text_16 {
|
||||
margin-right: -7.5rpx;
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.group_7 {
|
||||
line-height: 21.99rpx;
|
||||
height: 22.05rpx;
|
||||
}
|
||||
.text_17 {
|
||||
color: #fb8b05;
|
||||
}
|
||||
.text_18 {
|
||||
color: #fb8b05;
|
||||
}
|
||||
.view_3 {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 75rpx;
|
||||
width: 155.63rpx;
|
||||
height: 56.25rpx;
|
||||
border-left: solid 1.88rpx #cbcbcb;
|
||||
border-right: solid 1.88rpx #cbcbcb;
|
||||
border-top: solid 1.88rpx #cbcbcb;
|
||||
border-bottom: solid 1.88rpx #cbcbcb;
|
||||
}
|
||||
.text_19 {
|
||||
line-height: 24.15rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 75rpx;
|
||||
width: 155.63rpx;
|
||||
height: 56.25rpx;
|
||||
border-left: solid 1.88rpx #fb8b05;
|
||||
border-right: solid 1.88rpx #fb8b05;
|
||||
border-top: solid 1.88rpx #fb8b05;
|
||||
border-bottom: solid 1.88rpx #fb8b05;
|
||||
}
|
||||
.text_20 {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
137
pages/order/address/address.vue
Normal file
137
pages/order/address/address.vue
Normal file
|
|
@ -0,0 +1,137 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-center items-center relative group">
|
||||
<text class="text">收货地址</text>
|
||||
<image
|
||||
class="image pos"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=4bb5072c88795ed4234ff0c7f7a35a23.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="mt-16 flex-col">
|
||||
<view class="flex-col list-item" v-for="(item, index) in items" :key="index">
|
||||
<view class="flex-row justify-between items-center self-stretch">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=77acc0c7f94beb4408728eee129ffe97.png"
|
||||
/>
|
||||
<text class="font ml-9">张三</text>
|
||||
<text class="font_2 ml-9">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-row group_2">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=dea6c36cff62ddc7551d1917f90fb560.png"
|
||||
/>
|
||||
<image
|
||||
class="ml-12 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=7708438dfd87635576ea9abfcc6d7897.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<text class="mt-12 self-center font_3 text_2">黑龙江省哈尔滨市呼兰区 学院路街道288号哈尔华德学院</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section mt-276">
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="text_3">添加新地址</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.mt-276 {
|
||||
margin-top: 517.5rpx;
|
||||
}
|
||||
.page {
|
||||
padding-top: 18.75rpx;
|
||||
background-color: #fffaf0;
|
||||
border-radius: 28.13rpx 28.13rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group {
|
||||
padding: 11.25rpx 24.38rpx 7.5rpx;
|
||||
}
|
||||
.text {
|
||||
color: #323232;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.76rpx;
|
||||
}
|
||||
.image {
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
right: 24.38rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.list-item {
|
||||
padding: 26.25rpx 18.75rpx;
|
||||
background-color: #fffef8;
|
||||
border-bottom: solid 1.88rpx #c8c8c8;
|
||||
}
|
||||
.image_2 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-right: 11.25rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 39.38rpx;
|
||||
height: 39.38rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_2 {
|
||||
width: 601.88rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.05rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.19rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.section {
|
||||
padding: 22.5rpx 0 15rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 30rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 639.38rpx;
|
||||
}
|
||||
.text_3 {
|
||||
color: #ffffff;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.22rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
501
pages/payOrder.vue
Normal file
501
pages/payOrder.vue
Normal file
|
|
@ -0,0 +1,501 @@
|
|||
<template>
|
||||
<view class="flex-row relative page">
|
||||
<image
|
||||
class="image pos"
|
||||
:src="good.url"
|
||||
/>
|
||||
<view class="flex-col section pos_2">
|
||||
<view class="flex-row items-baseline self-stretch group">
|
||||
<text class="text">{{good.price}}</text>
|
||||
<text class="text_2">积分</text>
|
||||
</view>
|
||||
<text class="mt-10 self-start font text_3">{{good.name}}</text>
|
||||
<text class="mt-10 self-start text_4">{{good.type}}</text>
|
||||
<view class="mt-10 flex-row justify-between self-stretch group_2">
|
||||
<view class="flex-row group_3">
|
||||
<text class="font_2 text_6">创客实验室</text>
|
||||
<text class="font_2 text_5">权益提供方-</text>
|
||||
</view>
|
||||
<view class="flex-row items-baseline group_4">
|
||||
<text class="font_2 text_7">已兑换</text>
|
||||
<text class="ml-4 font_2 text_8">{{good.sales}}</text>
|
||||
<text class="ml-4 font_2 text_9">件</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_2 pos_3">
|
||||
<view class="flex-row justify-between items-center" @click="jumpToChange">
|
||||
<view class="flex-row items-baseline">
|
||||
<text class="font_3">已选 :</text>
|
||||
<text class="font text_10">{{good.name}},</text>
|
||||
<text class="font text_11">{{changeCnt}}</text>
|
||||
<text class="font">件</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
:src="PointsMallImgUrl + 'payOrder/yjt.png'"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center mt-27" @click="jumpToAddress">
|
||||
<view class="flex-row">
|
||||
<text class="font_3 text_12">送至 :</text>
|
||||
<text class="ml-14 font_3 text_13">{{tempAddress}}</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
:src="PointsMallImgUrl + 'payOrder/yjt.png'"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_3 pos_4">
|
||||
<text class="self-start font text_14">商品详情</text>
|
||||
<view class="mt-12 flex-col self-stretch group_5">
|
||||
<text class="self-stretch font text_15">
|
||||
{{good.detail}}
|
||||
</text>
|
||||
<image
|
||||
mode="aspectFit"
|
||||
class="shrink-0 self-center image_3"
|
||||
:src="good.url"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start section_4 pos_5">
|
||||
<view class="flex-row justify-center items-center button section_5" @click="cPop">
|
||||
<text class="text_16">{{changePrice}}</text>
|
||||
<text class="ml-4 font text_17">积分兑换</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<uni-popup ref="popup" background-color="#fff" @change="change">
|
||||
<view class="popup-content">
|
||||
<addressVue></addressVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="change" background-color="#fff" @change="change">
|
||||
<view class="popup-content">
|
||||
<changeVue :good="good"></changeVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="alertDialog" type="dialog">
|
||||
<view class="pop">
|
||||
<popupVue></popupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="cAlertDialog" type="dialog">
|
||||
<view class="pop">
|
||||
<cPopupVue :changePrice="changePrice"></cPopupVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<uni-popup ref="success" type="dialog">
|
||||
<view class="pop">
|
||||
<changeSuccessVue></changeSuccessVue>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { DomainName, PointsMallImgUrl } from '../../../common/global';
|
||||
import {onMounted, ref} from 'vue'
|
||||
import addressVue from '../component/address.vue'
|
||||
import emitter from '../../../utils/emitter'
|
||||
import popupVue from '../component/popup.vue';
|
||||
import changeVue from '../component/change.vue';
|
||||
import cPopupVue from '../component/cPopup.vue';
|
||||
import changeSuccessVue from '../component/changeSuccess.vue';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { userInfoStore } from '../../../store/user';
|
||||
const userStore = userInfoStore()
|
||||
|
||||
const good = ref([])
|
||||
|
||||
const changePrice = ref(0)
|
||||
const changeCnt = ref(1)
|
||||
|
||||
const tempAddress = ref('请输入/选择地址')
|
||||
|
||||
const realAddress = ref('')
|
||||
|
||||
const addId = ref(0)
|
||||
|
||||
onLoad((options) => {
|
||||
good.value = JSON.parse(options.good)
|
||||
changePrice.value = good.value.price
|
||||
console.log(good.value)
|
||||
})
|
||||
|
||||
const getDefaultAddress = async () => {
|
||||
const res = await uni.request({
|
||||
url: DomainName + '/change/queryUserDefaultAddress',
|
||||
method: 'GET',
|
||||
data: {
|
||||
id: userStore.user.id
|
||||
}
|
||||
})
|
||||
if(res.data.data != null){
|
||||
addId.value = res.data.data.id
|
||||
realAddress.value = (res.data.data.region + ' ' + res.data.data.detailAddress).split('/').join('')
|
||||
tempAddress.value = (res.data.data.region + ' ' + res.data.data.detailAddress).split('/').join('')
|
||||
if(tempAddress.value.length > 14)
|
||||
tempAddress.value = tempAddress.value.slice(0, 14) + '...'
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
const pointsChangeGoods = async () => {
|
||||
if(tempAddress.value == '请输入/选择地址'){
|
||||
uni.showToast({
|
||||
title: '请选择地址',
|
||||
icon: 'fail'
|
||||
})
|
||||
return ;
|
||||
}
|
||||
const res = await uni.request({
|
||||
url: DomainName + '/change/pointsChangeGoods',
|
||||
method: 'POST',
|
||||
data: {
|
||||
orderDate: getDate(),
|
||||
goodId: good.value.id,
|
||||
addressId: addId.value,
|
||||
quantity: changeCnt.value,
|
||||
userId: userStore.user.id
|
||||
}
|
||||
})
|
||||
console.log(res)
|
||||
if(res.data.code == '200'){
|
||||
successPop()
|
||||
}else{
|
||||
uni.showToast({
|
||||
title: '积分不足',
|
||||
icon: 'fail'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
emitter.on('open', () => {
|
||||
open()
|
||||
})
|
||||
emitter.on('close', () => {
|
||||
close()
|
||||
})
|
||||
emitter.on('pop', () => {
|
||||
pop()
|
||||
})
|
||||
emitter.on('cClose', (obj:any) => {
|
||||
cClose(obj)
|
||||
})
|
||||
emitter.on('cPopClose', () => {
|
||||
cPopClose()
|
||||
})
|
||||
emitter.on('successPop', () => {
|
||||
successPop()
|
||||
})
|
||||
emitter.on('popClose', () => {
|
||||
popClose()
|
||||
})
|
||||
emitter.on('cPop', () => {
|
||||
cPop()
|
||||
})
|
||||
|
||||
emitter.on('changeGoods', () => {
|
||||
pointsChangeGoods()
|
||||
})
|
||||
|
||||
emitter.on('addId', (val:any) => {
|
||||
addId.value = val
|
||||
})
|
||||
|
||||
emitter.on('addAddressOrder', (val:any) => {
|
||||
realAddress.value = val
|
||||
tempAddress.value = val
|
||||
if(tempAddress.value.length > 14)
|
||||
tempAddress.value = tempAddress.value.slice(0, 14) + '...'
|
||||
})
|
||||
|
||||
getDefaultAddress()
|
||||
|
||||
})
|
||||
|
||||
const jumpToAddress = () => {
|
||||
open()
|
||||
}
|
||||
const popup = ref(null)
|
||||
|
||||
const open = () => {
|
||||
popup.value.open('bottom')
|
||||
}
|
||||
const close = () => {
|
||||
popup.value.close()
|
||||
}
|
||||
|
||||
|
||||
const jumpToChange = () => {
|
||||
cOpen()
|
||||
}
|
||||
|
||||
const change = ref(null)
|
||||
const cOpen = () => {
|
||||
change.value.open('bottom')
|
||||
}
|
||||
const cClose = (obj:any) => {
|
||||
if(obj.confirm){
|
||||
changePrice.value = obj.cnt * good.value.price
|
||||
changeCnt.value = obj.cnt
|
||||
}
|
||||
change.value.close()
|
||||
}
|
||||
|
||||
|
||||
|
||||
const alertDialog = ref(null)
|
||||
const cAlertDialog = ref(null)
|
||||
const success = ref(null)
|
||||
|
||||
const successPop = () => {
|
||||
success.value.open()
|
||||
}
|
||||
|
||||
const pop = () => {
|
||||
alertDialog.value.open()
|
||||
}
|
||||
|
||||
const popClose = () => {
|
||||
alertDialog.value.close()
|
||||
}
|
||||
|
||||
const cPop = () => {
|
||||
cAlertDialog.value.open()
|
||||
}
|
||||
|
||||
const cPopClose = () => {
|
||||
cAlertDialog.value.close()
|
||||
}
|
||||
|
||||
const getDate = () => {
|
||||
let now = new Date()
|
||||
let year = now.getFullYear()
|
||||
let month = (now.getMonth() + 1).toString().padStart(2, 0)
|
||||
let date = now.getDate().toString().padStart(2, 0)
|
||||
return year + '-' + month + '-' + date
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.pop{
|
||||
height: 500rpx;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
height: 392px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 30rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.section, .section_2, .section_3{
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.mt-27 {
|
||||
margin-top: 63.28rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 614.06rpx 37.5rpx 173.44rpx;
|
||||
background-color: #f3f3f6;
|
||||
mix-blend-mode: LUMINOSITY;
|
||||
height: 2135.16rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
.image {
|
||||
width: 100vw;
|
||||
height: 81.875vw;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: -2.34rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section {
|
||||
padding-top: 37.5rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.group {
|
||||
padding: 0 37.5rpx;
|
||||
.text {
|
||||
color: #00ba9c;
|
||||
font-size: 56.25rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 38.79rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #00ba9c;
|
||||
font-size: 30.47rpx;
|
||||
font-family: Rockwell Condensed;
|
||||
line-height: 27.91rpx;
|
||||
}
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 28.13rpx;
|
||||
line-height: 34.64rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 28.13rpx;
|
||||
color: #454e6c;
|
||||
font-size: 32.81rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 30.33rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 37.5rpx 18.75rpx;
|
||||
border-top: solid 2.34rpx #e5e5e5;
|
||||
.group_3 {
|
||||
width: 295.29rpx;
|
||||
margin-top: 0;
|
||||
.text_6 {
|
||||
margin-left: 150rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: -295.31rpx;
|
||||
}
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 9.38rpx;
|
||||
.text_7 {
|
||||
line-height: 25.97rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 20.67rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 25.76rpx;
|
||||
}
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.04rpx;
|
||||
color: #454e6c;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 614.06rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 28.13rpx 23.44rpx 32.81rpx 32.81rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.font_3 {
|
||||
font-size: 30.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.36rpx;
|
||||
color: #9ca1b1;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 23.44rpx;
|
||||
line-height: 36.49rpx;
|
||||
}
|
||||
.text_11 {
|
||||
margin-left: 9.38rpx;
|
||||
line-height: 27.16rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 30.47rpx;
|
||||
height: 30.47rpx;
|
||||
}
|
||||
.text_12 {
|
||||
line-height: 34.2rpx;
|
||||
}
|
||||
.text_13 {
|
||||
line-height: 34.69rpx;
|
||||
}
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.font {
|
||||
// font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.36rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 37.5rpx 37.5rpx 42.19rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 23.44rpx;
|
||||
.text_14 {
|
||||
line-height: 34.62rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-right: 14.06rpx;
|
||||
.text_15 {
|
||||
line-height: 46.88rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
.image_3 {
|
||||
margin-top: -9.38rpx;
|
||||
width: 349.22rpx;
|
||||
height: 339.84rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
left: 37.5rpx;
|
||||
right: 35.16rpx;
|
||||
top: 1200rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 25.78rpx 0 39.84rpx;
|
||||
background-color: #ffffff;
|
||||
.button {
|
||||
margin: 0 46.88rpx;
|
||||
.text_16 {
|
||||
color: #ffffff;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 25.85rpx;
|
||||
}
|
||||
.text_17 {
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
line-height: 35.55rpx;
|
||||
}
|
||||
}
|
||||
.section_5 {
|
||||
padding: 23.44rpx 0;
|
||||
background-color: #00ba9c;
|
||||
border-radius: 117.19rpx;
|
||||
}
|
||||
}
|
||||
.pos_5 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: -2.34rpx;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@import url('../css/global2.css');
|
||||
|
||||
</style>
|
||||
77
pages/popup.vue
Normal file
77
pages/popup.vue
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
<template>
|
||||
<view class="flex-col section">
|
||||
<text class="self-center text">地址删除后无法恢复</text>
|
||||
<text class="self-center font text_2">是否删除地址?</text>
|
||||
<view class="flex-row justify-between self-stretch group">
|
||||
<view @click="cancel" class="flex-col justify-start items-center text-wrapper"><text class="font text_3">取消</text></view>
|
||||
<view @click="conform" class="flex-col justify-start items-center text-wrapper_2"><text class="font text_4">确定</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { DomainName } from '../../../common/global';
|
||||
import emitter from '../../../utils/emitter';
|
||||
const conform = async () => {
|
||||
|
||||
emitter.emit('delAddress')
|
||||
emitter.emit('popClose')
|
||||
}
|
||||
|
||||
const cancel = () => {
|
||||
emitter.emit('popClose')
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.section {
|
||||
margin: 0 35.63rpx;
|
||||
padding: 60rpx 61.88rpx 33.75rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
.text {
|
||||
color: #000000;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Microsoft YaHei UI;
|
||||
line-height: 32.85rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Microsoft YaHei UI;
|
||||
line-height: 25.43rpx;
|
||||
}
|
||||
.text_2 {
|
||||
margin-top: 48.75rpx;
|
||||
color: #8c92a4;
|
||||
}
|
||||
.group {
|
||||
margin-top: 63.75rpx;
|
||||
.text-wrapper {
|
||||
padding: 15rpx 0;
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 93.75rpx;
|
||||
width: 185.63rpx;
|
||||
height: 55.54rpx;
|
||||
margin-right: 75rpx;
|
||||
.text_3 {
|
||||
color: #000000;
|
||||
line-height: 25.28rpx;
|
||||
}
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #00ba9c;
|
||||
border-radius: 93.75rpx;
|
||||
width: 185.63rpx;
|
||||
height: 55.54rpx;
|
||||
margin-left: 75rpx;
|
||||
.text_4 {
|
||||
color: #ffffff;
|
||||
line-height: 25.61rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@import url('../css/global1.css');
|
||||
</style>
|
||||
380
pages/store-home/ProductDetails/ProductDetails.vue
Normal file
380
pages/store-home/ProductDetails/ProductDetails.vue
Normal file
|
|
@ -0,0 +1,380 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col">
|
||||
<view class="flex-col">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-row justify-between self-stretch group">
|
||||
<text class="font text">商品</text>
|
||||
<text class="font">详情</text>
|
||||
<text class="font text_2">推荐</text>
|
||||
</view>
|
||||
<view class="self-start section_2"></view>
|
||||
</view>
|
||||
<image class="image"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c347f0e53bdcde04fa14098a49db40d4.png" />
|
||||
</view>
|
||||
<view class="mt-6 flex-row items-center group_2">
|
||||
<view class="flex-col items-center">
|
||||
<text class="font_2">图片</text>
|
||||
<text class="mt-4 font_2">展示</text>
|
||||
</view>
|
||||
<view class="ml-2 flex-row justify-between equal-division">
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=f58b5193e3ce117f4350960139d86a6d.png" />
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=619af00ec54a5600292e36875c6bebd6.png" />
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png" />
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7a368aca7d0b74c3f87b5a9cd6185201.png" />
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-6 flex-col section_3">
|
||||
<view class="flex-row justify-between self-start group_3">
|
||||
<view class="flex-col items-start self-center">
|
||||
<image class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c3b21ef686b053bea12b883694c5a954.png" />
|
||||
<text class="text_3 text_5 mt-5">琉璃发簪新手体验包</text>
|
||||
</view>
|
||||
<view class="flex-row items-center self-start group_4">
|
||||
<image class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=b3cfc36dad1bb0c8277322ca9543babb.png" />
|
||||
<text class="ml-4 font_3 text_3 text_4">中秋节限定</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="self-stretch divider"></view>
|
||||
<view class="flex-col self-start group_5">
|
||||
<text class="self-stretch font_4 text_3">
|
||||
商品简介：琉璃发簪便是汉代美人常常佩戴的发饰之一。琉璃
|
||||
<br />
|
||||
</text>
|
||||
<text class="mt-2 self-stretch font_4 text_3">发簪不仅美观大方，还有 着深厚的文化底蕴。购买体验包，</text>
|
||||
<text class="mt-2 self-start font_4 text_3">即可体验古代文化。</text>
|
||||
</view>
|
||||
<view class="self-stretch divider"></view>
|
||||
<view class="flex-row items-center self-start group_6">
|
||||
<text class="font_4 text_3 text_6">商品标签:</text>
|
||||
<view class="flex-col justify-start items-center text-wrapper ml-7">
|
||||
<text class="font_5 text_7">#发簪</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start text-wrapper_2 ml-7"><text class="font_5 text_8">#送亲友</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start text-wrapper_2 ml-7">
|
||||
<text class="font_5 text_8 text_9">#体验包</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_3 ml-7"><text
|
||||
class="font_5">#友情</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col mt-268">
|
||||
<text class="self-start font_3 text_10">商品详情</text>
|
||||
<view class="flex-col justify-start self-stretch section_4 mt-15">
|
||||
<view class="flex-row items-center section_5">
|
||||
<view class="flex-col items-center shrink-0">
|
||||
<image class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=9139c9f83913be1d1e83cf86dd7a40b2.png" />
|
||||
<text class="font_5 mt-3">客服</text>
|
||||
</view>
|
||||
<view class="ml-34 flex-row flex-1">
|
||||
<view class="flex-col justify-start items-center text-wrapper_4">
|
||||
<text class="font_6 text_11">加入购物车</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_5 ml-9">
|
||||
<text class="font_6">立即购买</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
|
||||
.mt-268 {
|
||||
margin-top: 502.5rpx;
|
||||
}
|
||||
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
|
||||
.page {
|
||||
padding-bottom: 331.88rpx;
|
||||
background-color: #fffef8;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 0 82.5rpx 15rpx;
|
||||
background-color: #a0522d;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.group {
|
||||
padding: 30rpx 0 11.25rpx 3.75rpx;
|
||||
}
|
||||
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.66rpx;
|
||||
color: #fffef8;
|
||||
}
|
||||
|
||||
.text {
|
||||
line-height: 27.6rpx;
|
||||
}
|
||||
|
||||
.text_2 {
|
||||
line-height: 27.64rpx;
|
||||
}
|
||||
|
||||
.section_2 {
|
||||
background-color: #ffa700;
|
||||
width: 69.38rpx;
|
||||
height: 5.63rpx;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100vw;
|
||||
height: 48vw;
|
||||
}
|
||||
|
||||
.group_2 {
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 35.63rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.equal-division {
|
||||
flex: 1 1 0;
|
||||
margin-right: 11.25rpx;
|
||||
}
|
||||
|
||||
.equal-division-item {
|
||||
border-radius: 18.75rpx;
|
||||
width: 105rpx;
|
||||
height: 91.88rpx;
|
||||
}
|
||||
|
||||
.section_3 {
|
||||
padding-left: 20.63rpx;
|
||||
background-color: #fffaf0;
|
||||
border-radius: 18.75rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
|
||||
.group_3 {
|
||||
padding: 15rpx 0;
|
||||
width: 731.38rpx;
|
||||
}
|
||||
|
||||
.image_2 {
|
||||
margin-left: 7.5rpx;
|
||||
width: 93.75rpx;
|
||||
height: 58.13rpx;
|
||||
}
|
||||
|
||||
.group_4 {
|
||||
margin-right: 22.5rpx;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
|
||||
.image_3 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
|
||||
.font_3 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.66rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.divider {
|
||||
margin-right: 35.63rpx;
|
||||
background-color: #00000033;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
|
||||
.group_5 {
|
||||
padding: 15rpx 0 11.25rpx;
|
||||
width: 734.01rpx;
|
||||
}
|
||||
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_3 {
|
||||
text-shadow: 0 1.88rpx #fffaf0, 0 -1.88rpx #fffaf0, 1.88rpx 0 #fffaf0, -1.88rpx 0 #fffaf0;
|
||||
}
|
||||
|
||||
.text_4 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 26.03rpx;
|
||||
}
|
||||
|
||||
.text_5 {
|
||||
color: #323232;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.46rpx;
|
||||
}
|
||||
|
||||
.group_6 {
|
||||
padding: 16.88rpx 0 22.5rpx;
|
||||
}
|
||||
|
||||
.text_6 {
|
||||
color: #000000;
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
padding: 7.5rpx 0;
|
||||
background-color: #ffb35a;
|
||||
border-radius: 9.38rpx;
|
||||
width: 90rpx;
|
||||
height: 39.38rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
|
||||
.font_5 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.72rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_7 {
|
||||
line-height: 20.85rpx;
|
||||
}
|
||||
|
||||
.text-wrapper_2 {
|
||||
padding: 7.5rpx 0;
|
||||
background-color: #ffb35a;
|
||||
border-radius: 9.38rpx;
|
||||
height: 39.38rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
|
||||
.text_8 {
|
||||
margin: 0 7.5rpx;
|
||||
}
|
||||
|
||||
.text_9 {
|
||||
line-height: 20.83rpx;
|
||||
}
|
||||
|
||||
.text-wrapper_3 {
|
||||
padding: 7.5rpx 0;
|
||||
background-color: #ffb35a;
|
||||
border-radius: 9.38rpx;
|
||||
width: 105rpx;
|
||||
height: 39.38rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
|
||||
.text_10 {
|
||||
margin-left: 15rpx;
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
|
||||
.section_4 {
|
||||
padding: 45rpx 0 3838.13rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=23b7db846e029260305e0604be9e8e8a.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.section_5 {
|
||||
padding: 15rpx 26.25rpx;
|
||||
background-color: #f8e8c1;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.image_4 {
|
||||
width: 46.88rpx;
|
||||
height: 46.88rpx;
|
||||
}
|
||||
|
||||
.text-wrapper_4 {
|
||||
padding: 22.5rpx 0;
|
||||
flex: 1 1 283.13rpx;
|
||||
background-color: #ffcd46;
|
||||
border-radius: 93.75rpx;
|
||||
height: 71.25rpx;
|
||||
}
|
||||
|
||||
.font_6 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.66rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.text_11 {
|
||||
line-height: 27.79rpx;
|
||||
}
|
||||
|
||||
.text-wrapper_5 {
|
||||
padding: 22.5rpx 0;
|
||||
flex: 1 1 283.13rpx;
|
||||
background-color: #ff2d3d;
|
||||
border-radius: 93.75rpx;
|
||||
height: 71.25rpx;
|
||||
}
|
||||
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
BIN
unpackage/dist/dev/mp-weixin/assets/address.e91cc3a1.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/address.e91cc3a1.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/avator.7ac17437.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/avator.7ac17437.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/background.27d7292c.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/background.27d7292c.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/daifahuo.8369326b.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/daifahuo.8369326b.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/daishouhuo.ff694766.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/daishouhuo.ff694766.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/dec.1cf16d78.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/dec.1cf16d78.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/dingdan.6b4043d6.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/dingdan.6b4043d6.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/left.ddabbcdb.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/left.ddabbcdb.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/lianxiren_s.17e4954c.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/lianxiren_s.17e4954c.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/product.7900e336.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/product.7900e336.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/qianbao.bbfd6c3d.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/qianbao.bbfd6c3d.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/right.99910151.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/right.99910151.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 946 B |
BIN
unpackage/dist/dev/mp-weixin/assets/rili.7746043b.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/rili.7746043b.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/setting_s.3e5c5149.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/setting_s.3e5c5149.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/shizi.dd0347ec.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/shizi.dd0347ec.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/tuikuan.d34aac5f.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/tuikuan.d34aac5f.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/xuanchuan.f0fc207c.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/xuanchuan.f0fc207c.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/you.60391a00.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/you.60391a00.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 608 B |
BIN
unpackage/dist/dev/mp-weixin/assets/you.70a370f0.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/you.70a370f0.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 542 B |
1
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact/Contact.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact/Contact.wxml
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<view class="flex-col page"><text class="self-start font text">联系人信息</text><view class="flex-col self-stretch section"><view class="flex-row items-center"><text class="font_2 text_2">收货人</text><view class="flex-col justify-start items-start flex-1 text-wrapper ml-27"><text class="font_2 text_3">请输入姓名</text></view></view><view class="flex-row items-center mt-17"><text class="font_2 text_4">手机号码</text><view class="flex-col justify-start items-start flex-1 text-wrapper_2 ml-13"><text class="font_2 text_5">15888610253</text></view></view><view class="flex-row justify-between items-center mt-17"><text class="font_2 text_6">设为默认联系人</text><image class="image" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"/></view></view><view class="flex-col justify-start items-center self-stretch section_2"><view class="flex-col justify-start items-center text-wrapper_3"><text class="font text_7">保存并使用</text></view></view></view>
|
||||
88
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact/Contact.wxss
vendored
Normal file
88
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact/Contact.wxss
vendored
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
|
||||
.ml-27 {
|
||||
margin-left: 51.53rpx;
|
||||
}
|
||||
.mt-17 {
|
||||
margin-top: 32.44rpx;
|
||||
}
|
||||
.ml-13 {
|
||||
margin-left: 24.81rpx;
|
||||
}
|
||||
.page {
|
||||
padding-top: 26.72rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.font {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 28.4rpx;
|
||||
}
|
||||
.text {
|
||||
margin-left: 22.9rpx;
|
||||
color: #323232;
|
||||
line-height: 28.66rpx;
|
||||
}
|
||||
.section {
|
||||
margin: 57.25rpx 11.45rpx 0 40.08rpx;
|
||||
padding: 22.9rpx 15.27rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.54rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.71rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 24.77rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 38.17rpx;
|
||||
padding: 11.45rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 15.27rpx;
|
||||
color: #acacac;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 24.6rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
margin-right: 38.17rpx;
|
||||
padding: 15.27rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: 19.08rpx;
|
||||
line-height: 19.64rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.79rpx;
|
||||
}
|
||||
.image {
|
||||
margin-right: 41.98rpx;
|
||||
width: 34.35rpx;
|
||||
height: 34.35rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-top: 1047.71rpx;
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 26.72rpx 0;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #ffffff;
|
||||
}
|
||||
14
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.js
vendored
Normal file
14
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.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-6d058dc0"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
5
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.json
vendored
Normal file
5
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.json
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#a0522d",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.wxml
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<view class="flex-col page data-v-6d058dc0"><view class="flex-col list data-v-6d058dc0"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row justify-between items-center list-item mt-9 data-v-6d058dc0"><view class="flex-row items-center data-v-6d058dc0"><text class="font data-v-6d058dc0">张三</text><text class="font_2 ml-9 data-v-6d058dc0">15888610253</text><view class="flex-col justify-start items-center shrink-0 text-wrapper ml-9 data-v-6d058dc0"><text class="text data-v-6d058dc0">默认</text></view></view><view class="flex-row data-v-6d058dc0"><image class="image data-v-6d058dc0" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=6ff8502391df0676ffa6f9a4c72cf204.png"/><image class="ml-12 image data-v-6d058dc0" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=33bb1d0b853cc38a598105b3dab0d494.png"/></view></view></view><view class="flex-col justify-start items-center section mt-593 data-v-6d058dc0"><view class="flex-col justify-start items-center text-wrapper_2 data-v-6d058dc0"><text class="font text_2 data-v-6d058dc0">新增联系人</text></view></view></view>
|
||||
478
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.wxss
vendored
Normal file
478
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.wxss
vendored
Normal file
|
|
@ -0,0 +1,478 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-6d058dc0 {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-6d058dc0 {
|
||||
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-6d058dc0,
|
||||
image.data-v-6d058dc0,
|
||||
text.data-v-6d058dc0 {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-6d058dc0 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-6d058dc0 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-6d058dc0 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-6d058dc0 {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-6d058dc0 {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-6d058dc0 {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-6d058dc0 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-6d058dc0 {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-6d058dc0 {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-6d058dc0 {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-6d058dc0 {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-6d058dc0 {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-6d058dc0 {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-6d058dc0 {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-6d058dc0 {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-6d058dc0 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-6d058dc0 {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-6d058dc0 {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-6d058dc0 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-6d058dc0 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-6d058dc0 {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-6d058dc0 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-6d058dc0 {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-6d058dc0 {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-6d058dc0 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-6d058dc0 {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-6d058dc0 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-6d058dc0 {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-6d058dc0 {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-6d058dc0 {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-6d058dc0 {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-6d058dc0 {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-6d058dc0 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-6d058dc0 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-6d058dc0 {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-6d058dc0 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-6d058dc0 {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-6d058dc0 {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-6d058dc0 {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-6d058dc0 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-6d058dc0 {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-6d058dc0 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-6d058dc0 {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-6d058dc0 {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-6d058dc0 {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-6d058dc0 {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-6d058dc0 {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-6d058dc0 {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-6d058dc0 {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-6d058dc0 {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-6d058dc0 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-6d058dc0 {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-6d058dc0 {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-6d058dc0 {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-6d058dc0 {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-6d058dc0 {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-6d058dc0 {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-6d058dc0 {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-6d058dc0 {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-6d058dc0 {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-6d058dc0 {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-6d058dc0 {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-6d058dc0 {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-6d058dc0 {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-6d058dc0 {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-6d058dc0 {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-6d058dc0 {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-6d058dc0 {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-6d058dc0 {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-6d058dc0 {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-6d058dc0 {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-6d058dc0 {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-6d058dc0 {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-6d058dc0 {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-6d058dc0 {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-6d058dc0 {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-6d058dc0 {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-6d058dc0 {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-6d058dc0 {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-6d058dc0 {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-6d058dc0 {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-6d058dc0 {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-6d058dc0 {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-6d058dc0 {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-6d058dc0 {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-6d058dc0 {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-6d058dc0 {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-6d058dc0 {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-6d058dc0 {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-6d058dc0 {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-6d058dc0 {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-6d058dc0 {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-6d058dc0 {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-6d058dc0 {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-6d058dc0 {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-6d058dc0 {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-6d058dc0 {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-6d058dc0 {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-6d058dc0 {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-6d058dc0 {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-6d058dc0 {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-6d058dc0 {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-6d058dc0 {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-6d058dc0 {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-6d058dc0 {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-6d058dc0 {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-6d058dc0 {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-6d058dc0 {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-6d058dc0 {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-6d058dc0 {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-6d058dc0 {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-6d058dc0 {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-6d058dc0 {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-6d058dc0 {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-6d058dc0 {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-6d058dc0 {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-6d058dc0 {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-6d058dc0 {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-6d058dc0 {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-6d058dc0 {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-6d058dc0 {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-6d058dc0 {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-6d058dc0 {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-6d058dc0 {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-6d058dc0 {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-6d058dc0 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.mt-9.data-v-6d058dc0 {
|
||||
margin-top: 17.18rpx;
|
||||
}
|
||||
.ml-9.data-v-6d058dc0 {
|
||||
margin-left: 17.18rpx;
|
||||
}
|
||||
.mt-593.data-v-6d058dc0 {
|
||||
margin-top: 1131.68rpx;
|
||||
}
|
||||
.page.data-v-6d058dc0 {
|
||||
padding-top: 20.99rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.list.data-v-6d058dc0 {
|
||||
padding: 0 20.99rpx;
|
||||
}
|
||||
.list-item.data-v-6d058dc0 {
|
||||
padding: 30.53rpx 15.27rpx 30.53rpx 22.9rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.54rpx;
|
||||
border-left: solid 1.91rpx #818181;
|
||||
border-right: solid 1.91rpx #818181;
|
||||
border-top: solid 1.91rpx #818181;
|
||||
border-bottom: solid 1.91rpx #818181;
|
||||
}
|
||||
.list-item.data-v-6d058dc0:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.font.data-v-6d058dc0 {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.67rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_2.data-v-6d058dc0 {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text-wrapper.data-v-6d058dc0 {
|
||||
background-color: #ffbe55;
|
||||
border-radius: 9.54rpx;
|
||||
width: 70.61rpx;
|
||||
height: 32.44rpx;
|
||||
}
|
||||
.text.data-v-6d058dc0 {
|
||||
color: #ffffff;
|
||||
font-size: 22.9rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.07rpx;
|
||||
}
|
||||
.image.data-v-6d058dc0 {
|
||||
border-radius: 9.54rpx;
|
||||
width: 40.08rpx;
|
||||
height: 40.08rpx;
|
||||
}
|
||||
.section.data-v-6d058dc0 {
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text-wrapper_2.data-v-6d058dc0 {
|
||||
padding: 26.72rpx 0 22.9rpx;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_2.data-v-6d058dc0 {
|
||||
color: #ffffff;
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
|
|
@ -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-d09999e9"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
<view class="flex-col page data-v-d09999e9"><view class="flex-col group data-v-d09999e9"><text class="self-start font text data-v-d09999e9">收货信息</text><view class="flex-col self-stretch section mt-15 data-v-d09999e9"><view class="flex-row items-center group_2 data-v-d09999e9"><text class="font data-v-d09999e9">收货人</text><view class="flex-col justify-start items-start flex-1 text-wrapper ml-27 data-v-d09999e9"><text class="font text_2 data-v-d09999e9">请输入姓名</text></view></view><view class="flex-row items-center group_3 data-v-d09999e9"><text class="font text_3 data-v-d09999e9">手机号码</text><view class="ml-12 flex-col justify-start items-start flex-1 text-wrapper_2 data-v-d09999e9"><text class="font text_4 data-v-d09999e9">15888610253</text></view></view><view class="flex-row items-center group_4 data-v-d09999e9"><text class="font text_5 data-v-d09999e9">所在地区</text><view class="flex-col justify-start flex-1 relative group_5 ml-13 data-v-d09999e9"><view class="flex-col justify-start items-start text-wrapper_3 data-v-d09999e9"><text class="font text_6 data-v-d09999e9">黑龙江/哈尔滨/呼兰区</text></view><image class="image pos data-v-d09999e9" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3e2a31d894d6e2dc87b84024e8b30588.png"/></view></view><view class="flex-row items-center group_6 data-v-d09999e9"><text class="font text_7 data-v-d09999e9">详细地址</text><view class="flex-col items-start flex-1 section_2 ml-13 data-v-d09999e9"><text class="font_2 data-v-d09999e9">利民开发区学院路288号哈尔滨华德</text><text class="mt-2 font_2 data-v-d09999e9">学院</text></view></view><view class="flex-row justify-between items-center group_7 data-v-d09999e9"><text class="font data-v-d09999e9">设为默认收货地址</text><image class="image_2 data-v-d09999e9" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"/></view></view></view><view class="flex-col justify-start items-center section_3 mt-462 data-v-d09999e9"><view class="flex-col justify-start items-center text-wrapper_4 data-v-d09999e9"><text class="text_8 data-v-d09999e9">保存并使用</text></view></view></view>
|
||||
549
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.wxss
vendored
Normal file
549
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.wxss
vendored
Normal file
|
|
@ -0,0 +1,549 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-d09999e9 {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-d09999e9 {
|
||||
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-d09999e9,
|
||||
image.data-v-d09999e9,
|
||||
text.data-v-d09999e9 {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-d09999e9 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-d09999e9 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-d09999e9 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-d09999e9 {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-d09999e9 {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-d09999e9 {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-d09999e9 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-d09999e9 {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-d09999e9 {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-d09999e9 {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-d09999e9 {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-d09999e9 {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-d09999e9 {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-d09999e9 {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-d09999e9 {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-d09999e9 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-d09999e9 {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-d09999e9 {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-d09999e9 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-d09999e9 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-d09999e9 {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-d09999e9 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-d09999e9 {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-d09999e9 {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-d09999e9 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-d09999e9 {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-d09999e9 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-d09999e9 {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-d09999e9 {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-d09999e9 {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-d09999e9 {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-d09999e9 {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-d09999e9 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-d09999e9 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-d09999e9 {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-d09999e9 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-d09999e9 {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-d09999e9 {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-d09999e9 {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-d09999e9 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-d09999e9 {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-d09999e9 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-d09999e9 {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-d09999e9 {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-d09999e9 {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-d09999e9 {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-d09999e9 {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-d09999e9 {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-d09999e9 {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-d09999e9 {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-d09999e9 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-d09999e9 {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-d09999e9 {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-d09999e9 {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-d09999e9 {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-d09999e9 {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-d09999e9 {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-d09999e9 {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-d09999e9 {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-d09999e9 {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-d09999e9 {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-d09999e9 {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-d09999e9 {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-d09999e9 {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-d09999e9 {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-d09999e9 {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-d09999e9 {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-d09999e9 {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-d09999e9 {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-d09999e9 {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-d09999e9 {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-d09999e9 {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-d09999e9 {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-d09999e9 {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-d09999e9 {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-d09999e9 {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-d09999e9 {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-d09999e9 {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-d09999e9 {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-d09999e9 {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-d09999e9 {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-d09999e9 {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-d09999e9 {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-d09999e9 {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-d09999e9 {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-d09999e9 {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-d09999e9 {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-d09999e9 {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-d09999e9 {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-d09999e9 {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-d09999e9 {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-d09999e9 {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-d09999e9 {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-d09999e9 {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-d09999e9 {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-d09999e9 {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-d09999e9 {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-d09999e9 {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-d09999e9 {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-d09999e9 {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-d09999e9 {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-d09999e9 {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-d09999e9 {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-d09999e9 {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-d09999e9 {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-d09999e9 {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-d09999e9 {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-d09999e9 {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-d09999e9 {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-d09999e9 {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-d09999e9 {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-d09999e9 {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-d09999e9 {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-d09999e9 {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-d09999e9 {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-d09999e9 {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-d09999e9 {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-d09999e9 {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-d09999e9 {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-d09999e9 {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-d09999e9 {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-d09999e9 {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-d09999e9 {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-d09999e9 {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-d09999e9 {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-d09999e9 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.mt-15.data-v-d09999e9 {
|
||||
margin-top: 28.63rpx;
|
||||
}
|
||||
.ml-27.data-v-d09999e9 {
|
||||
margin-left: 51.53rpx;
|
||||
}
|
||||
.ml-13.data-v-d09999e9 {
|
||||
margin-left: 24.81rpx;
|
||||
}
|
||||
.mt-462.data-v-d09999e9 {
|
||||
margin-top: 881.68rpx;
|
||||
}
|
||||
.page.data-v-d09999e9 {
|
||||
padding-top: 26.72rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group.data-v-d09999e9 {
|
||||
padding: 0 20.99rpx;
|
||||
}
|
||||
.font.data-v-d09999e9 {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.77rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text.data-v-d09999e9 {
|
||||
line-height: 24.92rpx;
|
||||
}
|
||||
.section.data-v-d09999e9 {
|
||||
margin-right: 9.54rpx;
|
||||
padding-left: 26.72rpx;
|
||||
padding-right: 11.45rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 9.54rpx;
|
||||
border-left: solid 1.91rpx #818181;
|
||||
border-right: solid 1.91rpx #818181;
|
||||
border-top: solid 1.91rpx #818181;
|
||||
border-bottom: solid 1.91rpx #818181;
|
||||
}
|
||||
.group_2.data-v-d09999e9 {
|
||||
padding: 22.9rpx 3.82rpx 11.45rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text-wrapper.data-v-d09999e9 {
|
||||
margin-right: 30.53rpx;
|
||||
padding: 11.45rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_2.data-v-d09999e9 {
|
||||
margin-left: 15.27rpx;
|
||||
color: #acacac;
|
||||
line-height: 24.71rpx;
|
||||
}
|
||||
.group_3.data-v-d09999e9 {
|
||||
padding: 15.27rpx 3.82rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text_3.data-v-d09999e9 {
|
||||
line-height: 24.6rpx;
|
||||
}
|
||||
.text-wrapper_2.data-v-d09999e9 {
|
||||
margin-right: 30.53rpx;
|
||||
padding: 15.27rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_4.data-v-d09999e9 {
|
||||
margin-left: 19.08rpx;
|
||||
line-height: 19.64rpx;
|
||||
}
|
||||
.group_4.data-v-d09999e9 {
|
||||
padding: 11.45rpx 3.82rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text_5.data-v-d09999e9 {
|
||||
line-height: 24.64rpx;
|
||||
}
|
||||
.group_5.data-v-d09999e9 {
|
||||
margin-right: 11.45rpx;
|
||||
}
|
||||
.text-wrapper_3.data-v-d09999e9 {
|
||||
margin-right: 17.18rpx;
|
||||
padding: 11.45rpx 0;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.text_6.data-v-d09999e9 {
|
||||
margin-left: 15.27rpx;
|
||||
line-height: 24.83rpx;
|
||||
}
|
||||
.image.data-v-d09999e9 {
|
||||
width: 49.62rpx;
|
||||
height: 49.62rpx;
|
||||
}
|
||||
.pos.data-v-d09999e9 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.group_6.data-v-d09999e9 {
|
||||
padding: 15.27rpx 3.82rpx 7.63rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text_7.data-v-d09999e9 {
|
||||
line-height: 24.69rpx;
|
||||
}
|
||||
.section_2.data-v-d09999e9 {
|
||||
margin-right: 19.08rpx;
|
||||
padding: 7.63rpx 15.27rpx;
|
||||
background-color: #fffef8;
|
||||
height: 83.97rpx;
|
||||
}
|
||||
.font_2.data-v-d09999e9 {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 32.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_7.data-v-d09999e9 {
|
||||
padding: 26.72rpx 3.82rpx 34.35rpx;
|
||||
}
|
||||
.image_2.data-v-d09999e9 {
|
||||
margin-right: 19.08rpx;
|
||||
width: 34.35rpx;
|
||||
height: 34.35rpx;
|
||||
}
|
||||
.section_3.data-v-d09999e9 {
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.text-wrapper_4.data-v-d09999e9 {
|
||||
padding: 26.72rpx 0;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_8.data-v-d09999e9 {
|
||||
color: #ffffff;
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 28.4rpx;
|
||||
}
|
||||
14
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.js
vendored
Normal file
14
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.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-fdeeb5e5"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.wxml
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<view class="flex-col page data-v-fdeeb5e5"><view class="flex-col list data-v-fdeeb5e5"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-col list-item mt-9 data-v-fdeeb5e5"><view class="flex-row justify-between items-center data-v-fdeeb5e5"><view class="flex-row items-center data-v-fdeeb5e5"><text class="font data-v-fdeeb5e5">张三</text><text class="font_2 ml-9 data-v-fdeeb5e5">15888610253</text><view class="flex-col justify-start items-center shrink-0 text-wrapper ml-9 data-v-fdeeb5e5"><text class="text data-v-fdeeb5e5">默认</text></view></view><view class="flex-row data-v-fdeeb5e5"><image class="image data-v-fdeeb5e5" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6ff8502391df0676ffa6f9a4c72cf204.png"/><image class="ml-12 image data-v-fdeeb5e5" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=33bb1d0b853cc38a598105b3dab0d494.png"/></view></view><view class="mt-10 flex-col items-start data-v-fdeeb5e5"><text class="font_3 data-v-fdeeb5e5">黑龙江省哈尔滨市呼兰区 学院路街道288号哈</text><text class="mt-2 font_3 data-v-fdeeb5e5">尔华德学院</text></view></view></view><view class="flex-col justify-start items-center section mt-455 data-v-fdeeb5e5"><view class="flex-col justify-start items-center text-wrapper_2 data-v-fdeeb5e5"><text class="font text_2 data-v-fdeeb5e5">新增地址</text></view></view></view>
|
||||
484
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.wxss
vendored
Normal file
484
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.wxss
vendored
Normal file
|
|
@ -0,0 +1,484 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-fdeeb5e5 {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-fdeeb5e5 {
|
||||
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-fdeeb5e5,
|
||||
image.data-v-fdeeb5e5,
|
||||
text.data-v-fdeeb5e5 {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-fdeeb5e5 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-fdeeb5e5 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-fdeeb5e5 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-fdeeb5e5 {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-fdeeb5e5 {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-fdeeb5e5 {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-fdeeb5e5 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-fdeeb5e5 {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-fdeeb5e5 {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-fdeeb5e5 {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-fdeeb5e5 {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-fdeeb5e5 {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-fdeeb5e5 {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-fdeeb5e5 {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-fdeeb5e5 {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-fdeeb5e5 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-fdeeb5e5 {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-fdeeb5e5 {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-fdeeb5e5 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-fdeeb5e5 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-fdeeb5e5 {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-fdeeb5e5 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-fdeeb5e5 {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-fdeeb5e5 {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-fdeeb5e5 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-fdeeb5e5 {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-fdeeb5e5 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-fdeeb5e5 {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-fdeeb5e5 {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-fdeeb5e5 {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-fdeeb5e5 {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-fdeeb5e5 {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-fdeeb5e5 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-fdeeb5e5 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-fdeeb5e5 {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-fdeeb5e5 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-fdeeb5e5 {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-fdeeb5e5 {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-fdeeb5e5 {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-fdeeb5e5 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-fdeeb5e5 {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-fdeeb5e5 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-fdeeb5e5 {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-fdeeb5e5 {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-fdeeb5e5 {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-fdeeb5e5 {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-fdeeb5e5 {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-fdeeb5e5 {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-fdeeb5e5 {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-fdeeb5e5 {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-fdeeb5e5 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-fdeeb5e5 {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-fdeeb5e5 {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-fdeeb5e5 {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-fdeeb5e5 {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-fdeeb5e5 {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-fdeeb5e5 {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-fdeeb5e5 {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-fdeeb5e5 {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-fdeeb5e5 {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-fdeeb5e5 {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-fdeeb5e5 {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-fdeeb5e5 {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-fdeeb5e5 {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-fdeeb5e5 {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-fdeeb5e5 {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-fdeeb5e5 {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-fdeeb5e5 {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-fdeeb5e5 {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-fdeeb5e5 {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-fdeeb5e5 {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-fdeeb5e5 {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-fdeeb5e5 {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-fdeeb5e5 {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-fdeeb5e5 {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-fdeeb5e5 {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-fdeeb5e5 {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-fdeeb5e5 {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-fdeeb5e5 {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-fdeeb5e5 {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-fdeeb5e5 {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-fdeeb5e5 {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-fdeeb5e5 {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-fdeeb5e5 {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-fdeeb5e5 {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-fdeeb5e5 {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-fdeeb5e5 {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-fdeeb5e5 {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-fdeeb5e5 {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-fdeeb5e5 {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-fdeeb5e5 {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-fdeeb5e5 {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-fdeeb5e5 {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-fdeeb5e5 {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-fdeeb5e5 {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-fdeeb5e5 {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-fdeeb5e5 {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-fdeeb5e5 {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-fdeeb5e5 {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-fdeeb5e5 {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-fdeeb5e5 {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-fdeeb5e5 {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-fdeeb5e5 {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-fdeeb5e5 {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-fdeeb5e5 {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-fdeeb5e5 {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-fdeeb5e5 {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-fdeeb5e5 {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-fdeeb5e5 {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-fdeeb5e5 {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-fdeeb5e5 {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-fdeeb5e5 {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-fdeeb5e5 {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-fdeeb5e5 {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-fdeeb5e5 {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-fdeeb5e5 {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-fdeeb5e5 {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-fdeeb5e5 {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-fdeeb5e5 {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-fdeeb5e5 {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-fdeeb5e5 {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-fdeeb5e5 {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-fdeeb5e5 {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-fdeeb5e5 {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-fdeeb5e5 {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-fdeeb5e5 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.mt-9.data-v-fdeeb5e5 {
|
||||
margin-top: 17.18rpx;
|
||||
}
|
||||
.ml-9.data-v-fdeeb5e5 {
|
||||
margin-left: 17.18rpx;
|
||||
}
|
||||
.mt-455.data-v-fdeeb5e5 {
|
||||
margin-top: 868.32rpx;
|
||||
}
|
||||
.page.data-v-fdeeb5e5 {
|
||||
padding-top: 20.99rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.list.data-v-fdeeb5e5 {
|
||||
padding: 0 20.99rpx;
|
||||
}
|
||||
.list-item.data-v-fdeeb5e5 {
|
||||
padding: 30.53rpx 15.27rpx 30.53rpx 22.9rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.54rpx;
|
||||
border-left: solid 1.91rpx #818181;
|
||||
border-right: solid 1.91rpx #818181;
|
||||
border-top: solid 1.91rpx #818181;
|
||||
border-bottom: solid 1.91rpx #818181;
|
||||
}
|
||||
.list-item.data-v-fdeeb5e5:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.font.data-v-fdeeb5e5 {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.67rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_2.data-v-fdeeb5e5 {
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text-wrapper.data-v-fdeeb5e5 {
|
||||
background-color: #ffbe55;
|
||||
border-radius: 9.54rpx;
|
||||
width: 70.61rpx;
|
||||
height: 32.44rpx;
|
||||
}
|
||||
.text.data-v-fdeeb5e5 {
|
||||
color: #ffffff;
|
||||
font-size: 22.9rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.07rpx;
|
||||
}
|
||||
.image.data-v-fdeeb5e5 {
|
||||
border-radius: 9.54rpx;
|
||||
width: 40.08rpx;
|
||||
height: 40.08rpx;
|
||||
}
|
||||
.font_3.data-v-fdeeb5e5 {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 32.44rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.section.data-v-fdeeb5e5 {
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text-wrapper_2.data-v-fdeeb5e5 {
|
||||
padding: 26.72rpx 0;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_2.data-v-fdeeb5e5 {
|
||||
color: #ffffff;
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
19
unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.js
vendored
Normal file
19
unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.js
vendored
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "AppointmentHome",
|
||||
setup(__props) {
|
||||
const goto = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/booking/BillingOfFees/BillingOfFees"
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.o(goto)
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-60893f73"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxml
vendored
Normal file
File diff suppressed because one or more lines are too long
719
unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxss
vendored
Normal file
719
unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxss
vendored
Normal file
|
|
@ -0,0 +1,719 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-60893f73 {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-60893f73 {
|
||||
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-60893f73,
|
||||
image.data-v-60893f73,
|
||||
text.data-v-60893f73 {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-60893f73 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-60893f73 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-60893f73 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-60893f73 {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-60893f73 {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-60893f73 {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-60893f73 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-60893f73 {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-60893f73 {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-60893f73 {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-60893f73 {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-60893f73 {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-60893f73 {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-60893f73 {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-60893f73 {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-60893f73 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-60893f73 {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-60893f73 {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-60893f73 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-60893f73 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-60893f73 {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-60893f73 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-60893f73 {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-60893f73 {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-60893f73 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-60893f73 {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-60893f73 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-60893f73 {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-60893f73 {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-60893f73 {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-60893f73 {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-60893f73 {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-60893f73 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-60893f73 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-60893f73 {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-60893f73 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-60893f73 {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-60893f73 {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-60893f73 {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-60893f73 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-60893f73 {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-60893f73 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-60893f73 {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-60893f73 {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-60893f73 {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-60893f73 {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-60893f73 {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-60893f73 {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-60893f73 {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-60893f73 {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-60893f73 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-60893f73 {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-60893f73 {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-60893f73 {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-60893f73 {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-60893f73 {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-60893f73 {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-60893f73 {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-60893f73 {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-60893f73 {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-60893f73 {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-60893f73 {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-60893f73 {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-60893f73 {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-60893f73 {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-60893f73 {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-60893f73 {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-60893f73 {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-60893f73 {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-60893f73 {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-60893f73 {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-60893f73 {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-60893f73 {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-60893f73 {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-60893f73 {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-60893f73 {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-60893f73 {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-60893f73 {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-60893f73 {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-60893f73 {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-60893f73 {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-60893f73 {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-60893f73 {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-60893f73 {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-60893f73 {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-60893f73 {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-60893f73 {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-60893f73 {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-60893f73 {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-60893f73 {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-60893f73 {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-60893f73 {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-60893f73 {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-60893f73 {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-60893f73 {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-60893f73 {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-60893f73 {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-60893f73 {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-60893f73 {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-60893f73 {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-60893f73 {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-60893f73 {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-60893f73 {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-60893f73 {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-60893f73 {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-60893f73 {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-60893f73 {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-60893f73 {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-60893f73 {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-60893f73 {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-60893f73 {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-60893f73 {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-60893f73 {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-60893f73 {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-60893f73 {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-60893f73 {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-60893f73 {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-60893f73 {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-60893f73 {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-60893f73 {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-60893f73 {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-60893f73 {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-60893f73 {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-60893f73 {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-60893f73 {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-60893f73 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.ml-7.data-v-60893f73 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.ml-9.data-v-60893f73 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.ml-23.data-v-60893f73 {
|
||||
margin-left: 43.13rpx;
|
||||
}
|
||||
.mt-23.data-v-60893f73 {
|
||||
margin-top: 43.13rpx;
|
||||
}
|
||||
.ml-13.data-v-60893f73 {
|
||||
margin-left: 24.38rpx;
|
||||
}
|
||||
.mt-9.data-v-60893f73 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
.mt-11.data-v-60893f73 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-1.data-v-60893f73 {
|
||||
margin-left: 1.88rpx;
|
||||
}
|
||||
.mt-15.data-v-60893f73 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.mt-19.data-v-60893f73 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ml-51.data-v-60893f73 {
|
||||
margin-left: 95.63rpx;
|
||||
}
|
||||
.ml-3.data-v-60893f73 {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
.page.data-v-60893f73 {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section.data-v-60893f73 {
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group.data-v-60893f73 {
|
||||
padding: 45.75rpx 0;
|
||||
}
|
||||
.group_2.data-v-60893f73 {
|
||||
padding-top: 12.38rpx;
|
||||
}
|
||||
.section_2.data-v-60893f73 {
|
||||
margin-left: 71.25rpx;
|
||||
background-color: #ffffff00;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.font.data-v-60893f73 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.75rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text.data-v-60893f73 {
|
||||
line-height: 27.96rpx;
|
||||
}
|
||||
.pos.data-v-60893f73 {
|
||||
position: absolute;
|
||||
left: 21.62rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section_3.data-v-60893f73 {
|
||||
padding-left: 33.75rpx;
|
||||
padding-right: 28.13rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos_2.data-v-60893f73 {
|
||||
position: absolute;
|
||||
left: 20.63rpx;
|
||||
right: 20.63rpx;
|
||||
top: 53.63rpx;
|
||||
}
|
||||
.group_3.data-v-60893f73 {
|
||||
padding: 31.88rpx 0 15.94rpx;
|
||||
border-bottom: solid 1.88rpx #e2e0e0;
|
||||
}
|
||||
.image.data-v-60893f73 {
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
.font_2.data-v-60893f73 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.3rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2.data-v-60893f73 {
|
||||
line-height: 24rpx;
|
||||
}
|
||||
.text_3.data-v-60893f73 {
|
||||
line-height: 24rpx;
|
||||
}
|
||||
.image_2.data-v-60893f73 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.group_4.data-v-60893f73 {
|
||||
padding: 22.97rpx 0 36.51rpx;
|
||||
}
|
||||
.font_3.data-v-60893f73 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_5.data-v-60893f73 {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.text_4.data-v-60893f73 {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.section_4.data-v-60893f73 {
|
||||
padding: 31.88rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.equal-division.data-v-60893f73 {
|
||||
margin-left: 41.25rpx;
|
||||
margin-right: 41.27rpx;
|
||||
}
|
||||
.equal-division-item_1.data-v-60893f73 {
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
.section_5.data-v-60893f73 {
|
||||
padding: 31.57rpx 0 40.58rpx;
|
||||
background-color: #fff291;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.image_3.data-v-60893f73 {
|
||||
width: 159.99rpx;
|
||||
height: 159.99rpx;
|
||||
}
|
||||
.font_4.data-v-60893f73 {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.75rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.equal-division-item_2.data-v-60893f73 {
|
||||
position: relative;
|
||||
flex: 1 1 281.25rpx;
|
||||
}
|
||||
.equal-division-item.data-v-60893f73 {
|
||||
padding: 31.56rpx 0 42.49rpx;
|
||||
background-color: #fff291;
|
||||
border-radius: 18.75rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.text_5.data-v-60893f73 {
|
||||
margin-top: 19.46rpx;
|
||||
}
|
||||
.section_7.data-v-60893f73 {
|
||||
background-color: #ffffff99;
|
||||
border-radius: 18.75rpx;
|
||||
width: 281.25rpx;
|
||||
height: 281.25rpx;
|
||||
}
|
||||
.pos_3.data-v-60893f73 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_6.data-v-60893f73 {
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.section_8.data-v-60893f73 {
|
||||
padding: 30rpx 30rpx 26.25rpx;
|
||||
background-color: #fff3c3;
|
||||
}
|
||||
.section_1.data-v-60893f73 {
|
||||
padding: 24.38rpx 26.25rpx 26.25rpx 39.38rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_4.data-v-60893f73 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 118.13rpx;
|
||||
height: 151.88rpx;
|
||||
}
|
||||
.text_7.data-v-60893f73 {
|
||||
line-height: 24.26rpx;
|
||||
}
|
||||
.font_5.data-v-60893f73 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.3rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
.text_1.data-v-60893f73 {
|
||||
line-height: 24.81rpx;
|
||||
}
|
||||
.font_6.data-v-60893f73 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.36rpx;
|
||||
color: #898989;
|
||||
}
|
||||
.image_5.data-v-60893f73 {
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.section_13.data-v-60893f73 {
|
||||
padding: 26.27rpx 26.25rpx 24.36rpx 39.38rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.group_6.data-v-60893f73 {
|
||||
margin-left: 24.77rpx;
|
||||
}
|
||||
.text_9.data-v-60893f73 {
|
||||
line-height: 24.15rpx;
|
||||
}
|
||||
.text_10.data-v-60893f73 {
|
||||
line-height: 24.81rpx;
|
||||
}
|
||||
.text_11.data-v-60893f73 {
|
||||
line-height: 21.38rpx;
|
||||
}
|
||||
.image_6.data-v-60893f73 {
|
||||
margin-left: 39.99rpx;
|
||||
}
|
||||
.image_7.data-v-60893f73 {
|
||||
width: 118.13rpx;
|
||||
height: 151.88rpx;
|
||||
}
|
||||
.text_12.data-v-60893f73 {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.text_20.data-v-60893f73 {
|
||||
line-height: 24.81rpx;
|
||||
}
|
||||
.image_8.data-v-60893f73 {
|
||||
width: 28.13rpx;
|
||||
height: 28.13rpx;
|
||||
}
|
||||
.text_13.data-v-60893f73 {
|
||||
color: #000000;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.section_9.data-v-60893f73 {
|
||||
padding: 16.88rpx 20.63rpx 15rpx 21.6rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.group_7.data-v-60893f73 {
|
||||
width: 236.23rpx;
|
||||
}
|
||||
.group_8.data-v-60893f73 {
|
||||
padding: 4.22rpx 0 5.25rpx;
|
||||
}
|
||||
.text_14.data-v-60893f73 {
|
||||
color: #000000;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
.pos_4.data-v-60893f73 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_15.data-v-60893f73 {
|
||||
color: #fbb612;
|
||||
font-weight: 700;
|
||||
line-height: 24.84rpx;
|
||||
}
|
||||
.text_17.data-v-60893f73 {
|
||||
margin-left: 3.52rpx;
|
||||
color: #fbb612;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
.section_10.data-v-60893f73 {
|
||||
padding: 9.38rpx 9.38rpx 9.38rpx 10.18rpx;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 9.38rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.text_18.data-v-60893f73 {
|
||||
color: #323232;
|
||||
font-size: 18.75rpx;
|
||||
font-family: Inter;
|
||||
line-height: 17.36rpx;
|
||||
}
|
||||
.image_9.data-v-60893f73 {
|
||||
width: 18.75rpx;
|
||||
height: 18.75rpx;
|
||||
}
|
||||
.text-wrapper.data-v-60893f73 {
|
||||
padding: 27.3rpx 0 27.45rpx;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
height: 82.5rpx;
|
||||
}
|
||||
.text_16.data-v-60893f73 {
|
||||
color: #ffffff;
|
||||
}
|
||||
8
unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.js
vendored
Normal file
8
unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.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-cab9a6c6"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxml
vendored
Normal file
|
|
@ -0,0 +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>
|
||||
92
unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxss
vendored
Normal file
92
unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxss
vendored
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
.mt-15.data-v-cab9a6c6 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.page.data-v-cab9a6c6 {
|
||||
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.data-v-cab9a6c6 {
|
||||
color: #323232;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.73rpx;
|
||||
}
|
||||
.group.data-v-cab9a6c6 {
|
||||
margin-right: 11.25rpx;
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.font.data-v-cab9a6c6 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.71rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2.data-v-cab9a6c6 {
|
||||
line-height: 35.63rpx;
|
||||
}
|
||||
.font_2.data-v-cab9a6c6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3.data-v-cab9a6c6 {
|
||||
margin-left: 22.5rpx;
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.text_4.data-v-cab9a6c6 {
|
||||
margin-left: 18.75rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
.group_2.data-v-cab9a6c6 {
|
||||
margin-right: 18.75rpx;
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.font_3.data-v-cab9a6c6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_5.data-v-cab9a6c6 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.group_3.data-v-cab9a6c6 {
|
||||
margin-right: 18.75rpx;
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.text_6.data-v-cab9a6c6 {
|
||||
line-height: 27.84rpx;
|
||||
}
|
||||
.text_7.data-v-cab9a6c6 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.group_4.data-v-cab9a6c6 {
|
||||
margin-right: 22.5rpx;
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.text_8.data-v-cab9a6c6 {
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
.text_9.data-v-cab9a6c6 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.text-wrapper.data-v-cab9a6c6 {
|
||||
margin: 75rpx 22.5rpx 0;
|
||||
padding: 30rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
}
|
||||
.text_10.data-v-cab9a6c6 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
8
unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.js
vendored
Normal file
8
unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.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, $props, $setup, $data, $options) {
|
||||
return {};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-43413e24"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "联系人信息",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxml
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<view class="flex-col page data-v-43413e24"><view class="flex-col flex-1 group_2 data-v-43413e24"><view class="flex-col data-v-43413e24"><view class="flex-row justify-between items-center section data-v-43413e24"><view class="flex-row items-center data-v-43413e24"><image class="shrink-0 image_3 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"/><text class="font ml-9 data-v-43413e24">张三</text><text class="font_2 ml-9 data-v-43413e24">15888610253</text></view><view class="flex-row group_3 data-v-43413e24"><image class="image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"/><image class="ml-12 image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"/></view></view><view class="flex-row justify-between items-center section data-v-43413e24"><view class="flex-row items-center data-v-43413e24"><image class="shrink-0 image_3 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"/><text class="font ml-9 data-v-43413e24">张三</text><text class="font_2 ml-9 data-v-43413e24">15888610253</text></view><view class="flex-row group_3 data-v-43413e24"><image class="image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"/><image class="ml-12 image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"/></view></view><view class="flex-row justify-between items-center section data-v-43413e24"><view class="flex-row items-center data-v-43413e24"><image class="shrink-0 image_3 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"/><text class="font ml-9 data-v-43413e24">张三</text><text class="font_2 ml-9 data-v-43413e24">15888610253</text></view><view class="flex-row group_3 data-v-43413e24"><image class="image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"/><image class="ml-12 image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"/></view></view><view class="flex-row justify-between items-center section data-v-43413e24"><view class="flex-row items-center data-v-43413e24"><image class="shrink-0 image_3 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"/><text class="font ml-9 data-v-43413e24">张三</text><text class="font_2 ml-9 data-v-43413e24">15888610253</text></view><view class="flex-row group_3 data-v-43413e24"><image class="image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"/><image class="ml-12 image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"/></view></view></view><view class="flex-col justify-start items-center section_2 mt-251 data-v-43413e24"><view class="flex-col justify-start items-center button data-v-43413e24"><text class="font text_2 data-v-43413e24">添加新联系人</text></view></view></view></view>
|
||||
464
unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxss
vendored
Normal file
464
unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxss
vendored
Normal file
|
|
@ -0,0 +1,464 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-43413e24 {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-43413e24 {
|
||||
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-43413e24,
|
||||
image.data-v-43413e24,
|
||||
text.data-v-43413e24 {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-43413e24 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-43413e24 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-43413e24 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-43413e24 {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-43413e24 {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-43413e24 {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-43413e24 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-43413e24 {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-43413e24 {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-43413e24 {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-43413e24 {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-43413e24 {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-43413e24 {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-43413e24 {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-43413e24 {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-43413e24 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-43413e24 {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-43413e24 {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-43413e24 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-43413e24 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-43413e24 {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-43413e24 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-43413e24 {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-43413e24 {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-43413e24 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-43413e24 {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-43413e24 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-43413e24 {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-43413e24 {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-43413e24 {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-43413e24 {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-43413e24 {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-43413e24 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-43413e24 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-43413e24 {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-43413e24 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-43413e24 {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-43413e24 {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-43413e24 {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-43413e24 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-43413e24 {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-43413e24 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-43413e24 {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-43413e24 {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-43413e24 {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-43413e24 {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-43413e24 {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-43413e24 {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-43413e24 {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-43413e24 {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-43413e24 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-43413e24 {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-43413e24 {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-43413e24 {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-43413e24 {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-43413e24 {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-43413e24 {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-43413e24 {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-43413e24 {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-43413e24 {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-43413e24 {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-43413e24 {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-43413e24 {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-43413e24 {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-43413e24 {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-43413e24 {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-43413e24 {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-43413e24 {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-43413e24 {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-43413e24 {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-43413e24 {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-43413e24 {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-43413e24 {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-43413e24 {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-43413e24 {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-43413e24 {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-43413e24 {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-43413e24 {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-43413e24 {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-43413e24 {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-43413e24 {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-43413e24 {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-43413e24 {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-43413e24 {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-43413e24 {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-43413e24 {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-43413e24 {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-43413e24 {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-43413e24 {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-43413e24 {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-43413e24 {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-43413e24 {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-43413e24 {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-43413e24 {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-43413e24 {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-43413e24 {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-43413e24 {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-43413e24 {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-43413e24 {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-43413e24 {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-43413e24 {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-43413e24 {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-43413e24 {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-43413e24 {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-43413e24 {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-43413e24 {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-43413e24 {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-43413e24 {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-43413e24 {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-43413e24 {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-43413e24 {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-43413e24 {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-43413e24 {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-43413e24 {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-43413e24 {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-43413e24 {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-43413e24 {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-43413e24 {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-43413e24 {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-43413e24 {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-43413e24 {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-43413e24 {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-43413e24 {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-43413e24 {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-43413e24 {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-43413e24 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.ml-9.data-v-43413e24 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.mt-251.data-v-43413e24 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.page.data-v-43413e24 {
|
||||
background-color: #f5f5dc;
|
||||
border-radius: 28.13rpx 28.13rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group_2.data-v-43413e24 {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.section.data-v-43413e24 {
|
||||
padding: 52.5rpx 15rpx;
|
||||
background-color: #fffef8;
|
||||
border-bottom: solid 1.88rpx #c8c8c8;
|
||||
}
|
||||
.image_3.data-v-43413e24 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.font.data-v-43413e24 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.19rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_2.data-v-43413e24 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.05rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_3.data-v-43413e24 {
|
||||
margin-right: 11.25rpx;
|
||||
}
|
||||
.image_2.data-v-43413e24 {
|
||||
width: 39.38rpx;
|
||||
height: 39.38rpx;
|
||||
}
|
||||
.section_2.data-v-43413e24 {
|
||||
padding: 22.5rpx 0 15rpx;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.button.data-v-43413e24 {
|
||||
padding: 30rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 639.38rpx;
|
||||
}
|
||||
.text_2.data-v-43413e24 {
|
||||
color: #ffffff;
|
||||
line-height: 27.75rpx;
|
||||
}
|
||||
|
|
@ -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-a9d91b4b"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
<view class="flex-col justify-start items-center page data-v-a9d91b4b"><view class="flex-col section data-v-a9d91b4b"><view class="flex-col self-stretch group data-v-a9d91b4b"><text class="self-center font text data-v-a9d91b4b">预约须知</text><view class="mt-12 flex-col self-stretch data-v-a9d91b4b"><text class="font_2 data-v-a9d91b4b"> 1.成功预约的顾客需按照预定时间前往店内挑选相应级别的服装。为确保衣物在体验过程中的完好无损，顾客需根据所选服装的级别补缴尾款以及相应的押金。拍摄结束后，店铺将依据衣物的实际状况评估是否扣除押金。 </text><text class="mt-16 font_2 text_2 data-v-a9d91b4b"> 2.其中部分物品商家可提供，属于增值服务（如一次性隐形眼镜、 一次性粉扑等属于服务费以外的赠送服务，买家可选择自带用品，不影响服务价格），需要买家自己准备的，客服需要提前告诉买家（如胸贴等贴身物品） </text></view></view><view class="flex-col justify-start items-center self-center text-wrapper data-v-a9d91b4b"><text class="font text_3 data-v-a9d91b4b">我知道了</text></view></view></view>
|
||||
447
unpackage/dist/dev/mp-weixin/pages/booking/ReservationInstructions/ReservationInstructions.wxss
vendored
Normal file
447
unpackage/dist/dev/mp-weixin/pages/booking/ReservationInstructions/ReservationInstructions.wxss
vendored
Normal file
|
|
@ -0,0 +1,447 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-a9d91b4b {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-a9d91b4b {
|
||||
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-a9d91b4b,
|
||||
image.data-v-a9d91b4b,
|
||||
text.data-v-a9d91b4b {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-a9d91b4b {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-a9d91b4b {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-a9d91b4b {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-a9d91b4b {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-a9d91b4b {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-a9d91b4b {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-a9d91b4b {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-a9d91b4b {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-a9d91b4b {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-a9d91b4b {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-a9d91b4b {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-a9d91b4b {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-a9d91b4b {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-a9d91b4b {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-a9d91b4b {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-a9d91b4b {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-a9d91b4b {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-a9d91b4b {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-a9d91b4b {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-a9d91b4b {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-a9d91b4b {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-a9d91b4b {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-a9d91b4b {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-a9d91b4b {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-a9d91b4b {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-a9d91b4b {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-a9d91b4b {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-a9d91b4b {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-a9d91b4b {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-a9d91b4b {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-a9d91b4b {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-a9d91b4b {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-a9d91b4b {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-a9d91b4b {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-a9d91b4b {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-a9d91b4b {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-a9d91b4b {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-a9d91b4b {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-a9d91b4b {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-a9d91b4b {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-a9d91b4b {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-a9d91b4b {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-a9d91b4b {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-a9d91b4b {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-a9d91b4b {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-a9d91b4b {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-a9d91b4b {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-a9d91b4b {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-a9d91b4b {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-a9d91b4b {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-a9d91b4b {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-a9d91b4b {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-a9d91b4b {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-a9d91b4b {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-a9d91b4b {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-a9d91b4b {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-a9d91b4b {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-a9d91b4b {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-a9d91b4b {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-a9d91b4b {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-a9d91b4b {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-a9d91b4b {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-a9d91b4b {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-a9d91b4b {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-a9d91b4b {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-a9d91b4b {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-a9d91b4b {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-a9d91b4b {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-a9d91b4b {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-a9d91b4b {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-a9d91b4b {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-a9d91b4b {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-a9d91b4b {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-a9d91b4b {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-a9d91b4b {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-a9d91b4b {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-a9d91b4b {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-a9d91b4b {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-a9d91b4b {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-a9d91b4b {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-a9d91b4b {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-a9d91b4b {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-a9d91b4b {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-a9d91b4b {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-a9d91b4b {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-a9d91b4b {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-a9d91b4b {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-a9d91b4b {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-a9d91b4b {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-a9d91b4b {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-a9d91b4b {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-a9d91b4b {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-a9d91b4b {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-a9d91b4b {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-a9d91b4b {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-a9d91b4b {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-a9d91b4b {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-a9d91b4b {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-a9d91b4b {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-a9d91b4b {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-a9d91b4b {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-a9d91b4b {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-a9d91b4b {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-a9d91b4b {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-a9d91b4b {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-a9d91b4b {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-a9d91b4b {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-a9d91b4b {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-a9d91b4b {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-a9d91b4b {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-a9d91b4b {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-a9d91b4b {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-a9d91b4b {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-a9d91b4b {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-a9d91b4b {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-a9d91b4b {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-a9d91b4b {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-a9d91b4b {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-a9d91b4b {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-a9d91b4b {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-a9d91b4b {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-a9d91b4b {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-a9d91b4b {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-a9d91b4b {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-a9d91b4b {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-a9d91b4b {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.page.data-v-a9d91b4b {
|
||||
padding: 298.13rpx 0 708.75rpx;
|
||||
background-color: #f5f5dc;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section.data-v-a9d91b4b {
|
||||
padding: 0 15rpx 31.88rpx 37.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx;
|
||||
width: 609.38rpx;
|
||||
}
|
||||
.group.data-v-a9d91b4b {
|
||||
padding: 37.5rpx 0 48.75rpx;
|
||||
}
|
||||
.font.data-v-a9d91b4b {
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.text.data-v-a9d91b4b {
|
||||
color: #323232;
|
||||
}
|
||||
.font_2.data-v-a9d91b4b {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2.data-v-a9d91b4b {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.text-wrapper.data-v-a9d91b4b {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 450rpx;
|
||||
}
|
||||
.text_3.data-v-a9d91b4b {
|
||||
color: #ffffff;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
8
unpackage/dist/dev/mp-weixin/pages/booking/date.js
vendored
Normal file
8
unpackage/dist/dev/mp-weixin/pages/booking/date.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-f815bf4c"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/booking/date.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/booking/date.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/booking/date.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/booking/date.wxml
vendored
Normal file
File diff suppressed because one or more lines are too long
641
unpackage/dist/dev/mp-weixin/pages/booking/date.wxss
vendored
Normal file
641
unpackage/dist/dev/mp-weixin/pages/booking/date.wxss
vendored
Normal file
|
|
@ -0,0 +1,641 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-f815bf4c {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-f815bf4c {
|
||||
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-f815bf4c,
|
||||
image.data-v-f815bf4c,
|
||||
text.data-v-f815bf4c {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-f815bf4c {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-f815bf4c {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-f815bf4c {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-f815bf4c {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-f815bf4c {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-f815bf4c {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-f815bf4c {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-f815bf4c {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-f815bf4c {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-f815bf4c {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-f815bf4c {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-f815bf4c {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-f815bf4c {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-f815bf4c {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-f815bf4c {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-f815bf4c {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-f815bf4c {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-f815bf4c {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-f815bf4c {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-f815bf4c {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-f815bf4c {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-f815bf4c {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-f815bf4c {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-f815bf4c {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-f815bf4c {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-f815bf4c {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-f815bf4c {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-f815bf4c {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-f815bf4c {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-f815bf4c {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-f815bf4c {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-f815bf4c {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-f815bf4c {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-f815bf4c {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-f815bf4c {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-f815bf4c {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-f815bf4c {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-f815bf4c {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-f815bf4c {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-f815bf4c {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-f815bf4c {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-f815bf4c {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-f815bf4c {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-f815bf4c {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-f815bf4c {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-f815bf4c {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-f815bf4c {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-f815bf4c {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-f815bf4c {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-f815bf4c {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-f815bf4c {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-f815bf4c {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-f815bf4c {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-f815bf4c {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-f815bf4c {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-f815bf4c {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-f815bf4c {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-f815bf4c {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-f815bf4c {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-f815bf4c {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-f815bf4c {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-f815bf4c {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-f815bf4c {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-f815bf4c {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-f815bf4c {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-f815bf4c {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-f815bf4c {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-f815bf4c {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-f815bf4c {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-f815bf4c {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-f815bf4c {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-f815bf4c {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-f815bf4c {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-f815bf4c {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-f815bf4c {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-f815bf4c {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-f815bf4c {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-f815bf4c {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-f815bf4c {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-f815bf4c {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-f815bf4c {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-f815bf4c {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-f815bf4c {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-f815bf4c {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-f815bf4c {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-f815bf4c {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-f815bf4c {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-f815bf4c {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-f815bf4c {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-f815bf4c {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-f815bf4c {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-f815bf4c {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-f815bf4c {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-f815bf4c {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-f815bf4c {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-f815bf4c {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-f815bf4c {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-f815bf4c {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-f815bf4c {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-f815bf4c {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-f815bf4c {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-f815bf4c {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-f815bf4c {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-f815bf4c {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-f815bf4c {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-f815bf4c {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-f815bf4c {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-f815bf4c {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-f815bf4c {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-f815bf4c {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-f815bf4c {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-f815bf4c {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-f815bf4c {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-f815bf4c {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-f815bf4c {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-f815bf4c {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-f815bf4c {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-f815bf4c {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-f815bf4c {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-f815bf4c {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-f815bf4c {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-f815bf4c {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-f815bf4c {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-f815bf4c {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-f815bf4c {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-f815bf4c {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.mt-9.data-v-f815bf4c {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
.mt-5.data-v-f815bf4c {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
.ml-5.data-v-f815bf4c {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
.mt-7.data-v-f815bf4c {
|
||||
margin-top: 13.13rpx;
|
||||
}
|
||||
.mt-55.data-v-f815bf4c {
|
||||
margin-top: 103.13rpx;
|
||||
}
|
||||
.page.data-v-f815bf4c {
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group_3.data-v-f815bf4c {
|
||||
padding-bottom: 16.88rpx;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.group.data-v-f815bf4c {
|
||||
margin-top: -15rpx;
|
||||
}
|
||||
.group_2.data-v-f815bf4c {
|
||||
padding: 0 31.88rpx;
|
||||
}
|
||||
.font.data-v-f815bf4c {
|
||||
font-size: 30rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 27.69rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.text.data-v-f815bf4c {
|
||||
margin-left: 3.75rpx;
|
||||
line-height: 27.51rpx;
|
||||
}
|
||||
.group_4.data-v-f815bf4c {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
.text-wrapper.data-v-f815bf4c {
|
||||
padding: 18.75rpx 0;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 5.63rpx;
|
||||
}
|
||||
.font_2.data-v-f815bf4c {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.01rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.text_2.data-v-f815bf4c {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 11.25rpx;
|
||||
line-height: 24.96rpx;
|
||||
}
|
||||
.text-wrapper_2.data-v-f815bf4c {
|
||||
padding: 18.75rpx 0;
|
||||
background-color: #fff4cd;
|
||||
border-radius: 5.63rpx;
|
||||
}
|
||||
.text_3.data-v-f815bf4c {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 11.25rpx;
|
||||
color: #fcc600;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.96rpx;
|
||||
}
|
||||
.divider.data-v-f815bf4c {
|
||||
background-color: #eaeaea;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.text_4.data-v-f815bf4c {
|
||||
margin-left: 7.5rpx;
|
||||
line-height: 27.39rpx;
|
||||
}
|
||||
.section.data-v-f815bf4c {
|
||||
padding: 22.5rpx 0 15rpx;
|
||||
background-color: #fffef8;
|
||||
width: 538.13rpx;
|
||||
}
|
||||
.equal-division.data-v-f815bf4c {
|
||||
padding: 0 26.25rpx;
|
||||
}
|
||||
.group_5.data-v-f815bf4c {
|
||||
flex: 1 1 120rpx;
|
||||
}
|
||||
.equal-division-item.data-v-f815bf4c {
|
||||
padding: 11.25rpx 0;
|
||||
}
|
||||
.text_5.data-v-f815bf4c {
|
||||
line-height: 22.78rpx;
|
||||
}
|
||||
.font_3.data-v-f815bf4c {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.38rpx;
|
||||
color: #fcc600;
|
||||
}
|
||||
.section_2.data-v-f815bf4c {
|
||||
padding: 30rpx 41.25rpx 30rpx 45rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.font_4.data-v-f815bf4c {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 22.01rpx;
|
||||
color: #fcc600;
|
||||
}
|
||||
.text_6.data-v-f815bf4c {
|
||||
line-height: 22.07rpx;
|
||||
}
|
||||
.font_5.data-v-f815bf4c {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 22.01rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.text_12.data-v-f815bf4c {
|
||||
line-height: 2.16rpx;
|
||||
}
|
||||
.text_7.data-v-f815bf4c {
|
||||
line-height: 17.78rpx;
|
||||
}
|
||||
.text_8.data-v-f815bf4c {
|
||||
line-height: 19.69rpx;
|
||||
}
|
||||
.text_9.data-v-f815bf4c {
|
||||
line-height: 21rpx;
|
||||
}
|
||||
.text_10.data-v-f815bf4c {
|
||||
line-height: 20.16rpx;
|
||||
}
|
||||
.text_11.data-v-f815bf4c {
|
||||
line-height: 23.81rpx;
|
||||
}
|
||||
.grid.data-v-f815bf4c {
|
||||
height: 455.63rpx;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(4, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(7, minmax(0, 1fr));
|
||||
row-gap: 11.38rpx;
|
||||
column-gap: 0;
|
||||
}
|
||||
.grid-item.data-v-f815bf4c {
|
||||
padding: 18.75rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 5.63rpx;
|
||||
}
|
||||
.font_6.data-v-f815bf4c {
|
||||
font-size: 15rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 13.76rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.font_7.data-v-f815bf4c {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.01rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.font_8.data-v-f815bf4c {
|
||||
font-size: 15rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 11.08rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.section_3.data-v-f815bf4c {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
border-radius: 5.63rpx;
|
||||
width: 101.25rpx;
|
||||
height: 106.88rpx;
|
||||
}
|
||||
.text_13.data-v-f815bf4c {
|
||||
line-height: 22.03rpx;
|
||||
}
|
||||
.text_14.data-v-f815bf4c {
|
||||
line-height: 22.05rpx;
|
||||
}
|
||||
.group_6.data-v-f815bf4c {
|
||||
margin-top: 52.5rpx;
|
||||
padding-left: 37.5rpx;
|
||||
padding-right: 28.13rpx;
|
||||
}
|
||||
.text_15.data-v-f815bf4c {
|
||||
color: #818181;
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.72rpx;
|
||||
}
|
||||
.image_2.data-v-f815bf4c {
|
||||
margin-left: 11.25rpx;
|
||||
border-radius: 5.63rpx 0rpx 0rpx 5.63rpx;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text-wrapper_3.data-v-f815bf4c {
|
||||
padding: 15rpx 0;
|
||||
background-color: #f5f5dc;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text_16.data-v-f815bf4c {
|
||||
color: #000000;
|
||||
line-height: 21.41rpx;
|
||||
}
|
||||
.image_3.data-v-f815bf4c {
|
||||
border-radius: 0rpx 5.63rpx 5.63rpx 0rpx;
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.section_4.data-v-f815bf4c {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.button.data-v-f815bf4c {
|
||||
margin: 0 45rpx;
|
||||
}
|
||||
.text-wrapper_4.data-v-f815bf4c {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 93.75rpx;
|
||||
}
|
||||
.text_17.data-v-f815bf4c {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
font-weight: 700;
|
||||
line-height: 28.2rpx;
|
||||
}
|
||||
14
unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.js
vendored
Normal file
14
unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.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-cad4fb76"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
4
unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.json
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml
vendored
Normal file
|
|
@ -0,0 +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>
|
||||
579
unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss
vendored
Normal file
579
unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss
vendored
Normal file
|
|
@ -0,0 +1,579 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-cad4fb76 {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-cad4fb76 {
|
||||
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-cad4fb76,
|
||||
image.data-v-cad4fb76,
|
||||
text.data-v-cad4fb76 {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-cad4fb76 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-cad4fb76 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-cad4fb76 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-cad4fb76 {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-cad4fb76 {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-cad4fb76 {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-cad4fb76 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-cad4fb76 {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-cad4fb76 {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-cad4fb76 {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-cad4fb76 {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-cad4fb76 {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-cad4fb76 {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-cad4fb76 {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-cad4fb76 {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-cad4fb76 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-cad4fb76 {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-cad4fb76 {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-cad4fb76 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-cad4fb76 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-cad4fb76 {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-cad4fb76 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-cad4fb76 {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-cad4fb76 {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-cad4fb76 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-cad4fb76 {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-cad4fb76 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-cad4fb76 {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-cad4fb76 {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-cad4fb76 {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-cad4fb76 {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-cad4fb76 {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-cad4fb76 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-cad4fb76 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-cad4fb76 {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-cad4fb76 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-cad4fb76 {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-cad4fb76 {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-cad4fb76 {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-cad4fb76 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-cad4fb76 {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-cad4fb76 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-cad4fb76 {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-cad4fb76 {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-cad4fb76 {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-cad4fb76 {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-cad4fb76 {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-cad4fb76 {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-cad4fb76 {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-cad4fb76 {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-cad4fb76 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-cad4fb76 {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-cad4fb76 {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-cad4fb76 {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-cad4fb76 {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-cad4fb76 {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-cad4fb76 {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-cad4fb76 {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-cad4fb76 {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-cad4fb76 {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-cad4fb76 {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-cad4fb76 {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-cad4fb76 {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-cad4fb76 {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-cad4fb76 {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-cad4fb76 {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-cad4fb76 {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-cad4fb76 {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-cad4fb76 {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-cad4fb76 {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-cad4fb76 {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-cad4fb76 {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-cad4fb76 {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-cad4fb76 {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-cad4fb76 {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-cad4fb76 {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-cad4fb76 {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-cad4fb76 {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-cad4fb76 {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-cad4fb76 {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-cad4fb76 {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-cad4fb76 {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-cad4fb76 {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-cad4fb76 {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-cad4fb76 {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-cad4fb76 {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-cad4fb76 {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-cad4fb76 {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-cad4fb76 {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-cad4fb76 {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-cad4fb76 {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-cad4fb76 {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-cad4fb76 {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-cad4fb76 {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-cad4fb76 {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-cad4fb76 {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-cad4fb76 {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-cad4fb76 {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-cad4fb76 {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-cad4fb76 {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-cad4fb76 {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-cad4fb76 {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-cad4fb76 {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-cad4fb76 {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-cad4fb76 {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-cad4fb76 {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-cad4fb76 {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-cad4fb76 {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-cad4fb76 {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-cad4fb76 {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-cad4fb76 {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-cad4fb76 {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-cad4fb76 {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-cad4fb76 {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-cad4fb76 {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-cad4fb76 {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-cad4fb76 {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-cad4fb76 {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-cad4fb76 {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-cad4fb76 {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-cad4fb76 {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-cad4fb76 {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-cad4fb76 {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-cad4fb76 {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-cad4fb76 {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-cad4fb76 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.mt-11.data-v-cad4fb76 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-11.data-v-cad4fb76 {
|
||||
margin-left: 20.63rpx;
|
||||
}
|
||||
.mt-3.data-v-cad4fb76 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.page.data-v-cad4fb76 {
|
||||
background-color: #ffffff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.section.data-v-cad4fb76 {
|
||||
padding-top: 22.5rpx;
|
||||
background-color: #f5f5dc;
|
||||
}
|
||||
.group.data-v-cad4fb76 {
|
||||
padding: 0 16.88rpx;
|
||||
}
|
||||
.section_2.data-v-cad4fb76 {
|
||||
padding: 37.5rpx 41.25rpx 30rpx;
|
||||
background-color: #fffdbb;
|
||||
border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
|
||||
}
|
||||
.font.data-v-cad4fb76 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
}
|
||||
.text.data-v-cad4fb76 {
|
||||
color: #323232;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.font_2.data-v-cad4fb76 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2.data-v-cad4fb76 {
|
||||
color: #8a8a8a;
|
||||
line-height: 21.36rpx;
|
||||
}
|
||||
.text_3.data-v-cad4fb76 {
|
||||
margin-top: 22.5rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_2.data-v-cad4fb76 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.font_3.data-v-cad4fb76 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 26.25rpx;
|
||||
color: #696969;
|
||||
}
|
||||
.text_4.data-v-cad4fb76 {
|
||||
margin-top: 26.25rpx;
|
||||
line-height: 20.77rpx;
|
||||
}
|
||||
.group_3.data-v-cad4fb76 {
|
||||
margin-top: 15rpx;
|
||||
padding: 0 24.38rpx;
|
||||
}
|
||||
.image.data-v-cad4fb76 {
|
||||
width: 127.5rpx;
|
||||
height: 127.5rpx;
|
||||
}
|
||||
.pos.data-v-cad4fb76 {
|
||||
position: absolute;
|
||||
right: 18.77rpx;
|
||||
bottom: 11.25rpx;
|
||||
}
|
||||
.section_3.data-v-cad4fb76 {
|
||||
padding: 37.5rpx 30rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_5.data-v-cad4fb76 {
|
||||
color: #000000;
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.list-item.data-v-cad4fb76 {
|
||||
padding: 22.5rpx 18.75rpx 22.5rpx 30rpx;
|
||||
background-color: #fff3c3;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item.data-v-cad4fb76:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3.data-v-cad4fb76 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 148.13rpx;
|
||||
height: 165rpx;
|
||||
}
|
||||
.group_4.data-v-cad4fb76 {
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
.font_4.data-v-cad4fb76 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 17.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_2.data-v-cad4fb76 {
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
}
|
||||
.font_5.data-v-cad4fb76 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_6.data-v-cad4fb76 {
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
.group_5.data-v-cad4fb76 {
|
||||
line-height: 22.5rpx;
|
||||
}
|
||||
.font_7.data-v-cad4fb76 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_6.data-v-cad4fb76 {
|
||||
font-size: 18.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.5rpx;
|
||||
color: #828282;
|
||||
}
|
||||
.font_8.data-v-cad4fb76 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Times New Roman;
|
||||
line-height: 24.73rpx;
|
||||
color: #ff3c3c;
|
||||
}
|
||||
.section_4.data-v-cad4fb76 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #ffc470;
|
||||
width: 118.13rpx;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.image_4.data-v-cad4fb76 {
|
||||
width: 52.5rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.text_8.data-v-cad4fb76 {
|
||||
color: #fffef8;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Inter;
|
||||
line-height: 24.17rpx;
|
||||
}
|
||||
.section_5.data-v-cad4fb76 {
|
||||
padding: 15rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 114.38rpx;
|
||||
}
|
||||
.text-wrapper.data-v-cad4fb76 {
|
||||
margin-right: 20.63rpx;
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #fbb612;
|
||||
border-radius: 75rpx;
|
||||
width: 457.5rpx;
|
||||
}
|
||||
.text_7.data-v-cad4fb76 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Inter;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user