23333
This commit is contained in:
parent
3a6a738926
commit
6f323d02f8
|
|
@ -116,6 +116,13 @@
|
|||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/booking/BillingOfFees/BillingOfFees",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
|
|
|||
|
|
@ -122,11 +122,13 @@
|
|||
<text class="text_17">00</text>
|
||||
</view>
|
||||
<view class="flex-row items-center flex-1 ml-51">
|
||||
<view class="flex-row shrink-0 section_10">
|
||||
<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 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>
|
||||
|
|
@ -138,6 +140,11 @@
|
|||
|
||||
<script setup lang="ts">
|
||||
// import { ref} from 'vue';
|
||||
const goto=()=>{
|
||||
uni.navigateTo({
|
||||
url:'/pages/booking/BillingOfFees/BillingOfFees'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
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>
|
||||
|
|
@ -1,508 +0,0 @@
|
|||
<template>
|
||||
<<<<<<< HEAD
|
||||
|
||||
<view class="flex-col page">
|
||||
|
||||
<view class="flex-col">
|
||||
|
||||
<view class="flex-row items-center section">
|
||||
|
||||
<text class="text">商品</text>
|
||||
|
||||
<view class="flex-row section_2 ml-15">
|
||||
|
||||
<image class="image"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=348b14e68c9ce02a3b9fe870f131c4c7.png" />
|
||||
|
||||
<input class="text-wrapper ml-2" placeholder="请输入想要搜索的商品" />
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="flex-col justify-start items-center image-wrapper mt-3">
|
||||
|
||||
<image class="shrink-0 image_2"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=bf3dfe8c3d572943e00870d83c40b20c.png" />
|
||||
|
||||
=======
|
||||
<view class="flex-row relative page">
|
||||
<view class="flex-row items-center section pos_8">
|
||||
<text class="text">商品</text>
|
||||
<view class="flex-row items-center section_2 ml-15">
|
||||
<image class="image"
|
||||
src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=9be8d37ecdad5a4ae97f3017b8b13575.png" />
|
||||
<input class="text-wrapper ml-3" placeholder="请输入内容" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<<<<<<< HEAD
|
||||
|
||||
<view class="flex-row relative group">
|
||||
|
||||
<view class="shrink-0 section_3"></view>
|
||||
|
||||
<view class="flex-col shrink-0 group_1 pos_5">
|
||||
|
||||
<view class="flex-col items-center section_6 list-item_1 mt-4" v-for="(item, index) in sort"
|
||||
:key="index">
|
||||
|
||||
<image class="image_3" :src="item.imgurl" />
|
||||
|
||||
<text class="font_3 text_5 mt-3">{{ item.name }}</text>
|
||||
|
||||
=======
|
||||
<view class="flex-col justify-start items-center image-wrapper pos_1">
|
||||
<image class="shrink-0 image_2"
|
||||
src="" />
|
||||
</view>
|
||||
<view class="flex-col justify-start section_3 pos_9">
|
||||
<view class="flex-col group">
|
||||
<view class="flex-col items-center list-item mt-5" v-for="(item, index) in sort" :key="index">
|
||||
<image class="image_3"
|
||||
:src="item.imgurl" />
|
||||
<text class="font_4 mt-3">{{ item.name }}</text>
|
||||
>>>>>>> d61915696c41b2c7ea2ed249616fab862ccfe43a
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<<<<<<< HEAD
|
||||
|
||||
<view class="flex-col justify-start flex-1 relative section_4">
|
||||
|
||||
<view class="flex-col items-start section_5">
|
||||
|
||||
<text class="font_2 text_3">材料包</text>
|
||||
|
||||
<text class="font text_4 mt-6">提供材料自行DIY</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="flex-col shrink-0 pos">
|
||||
|
||||
<!-- <scroll-view style="height: 1000rpx;" scroll-y="true"> -->
|
||||
|
||||
<view class="flex-row list-item mt-5" v-for="(item, index) in product_list" :key="index">
|
||||
|
||||
<navigator url="../../booking/ContactInformation">
|
||||
|
||||
|
||||
<image class="self-center image_4" :src="item.imgurl" />
|
||||
|
||||
<view class="flex-col items-start self-center group_5">
|
||||
|
||||
<text class="font_2">{{ item.product_name }}</text>
|
||||
|
||||
<text class="font mt-13">{{ item.detail }}</text>
|
||||
|
||||
<text class="font_4 text_7 mt-13">￥{{ item.value }}</text>
|
||||
|
||||
</view>
|
||||
|
||||
<image class="self-start image_5"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=806f54ff88b61d172a611e704c80a85c.png" />
|
||||
|
||||
</navigator>
|
||||
|
||||
</view>
|
||||
<!-- </scroll-view> -->
|
||||
</view>
|
||||
=======
|
||||
</view>
|
||||
<view class="flex-col justify-start section_4 pos_4">
|
||||
<view class="flex-col items-start section_5">
|
||||
<text class="font_2">材料包</text>
|
||||
<text class="font_3 text_3 mt-6">提供材料自行DIY</text>
|
||||
>>>>>>> d61915696c41b2c7ea2ed249616fab862ccfe43a
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col pos_5">
|
||||
<scroll-view scroll-y class="scrollable-content">
|
||||
<view class="flex-row section_9 list-item_2 mt-5" v-for="(item, index) in product_list" :key="index" @click="tap">
|
||||
<image class="self-center image_4"
|
||||
:src="item.imgurl" />
|
||||
<view class="flex-col items-start self-center group_3">
|
||||
<text class="font_2 text_5">{{ item.product_name }}</text>
|
||||
<text class="font_3 mt-13">{{ item.detail }}</text>
|
||||
<text class="font mt-13">￥{{ item.value }}</text>
|
||||
</view>
|
||||
<<<<<<< HEAD
|
||||
|
||||
<!-- </scroll-view> -->
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- <view class="flex-col shrink-0 pos">
|
||||
|
||||
<scroll-view style="height: 1000rpx;" scroll-y="true">
|
||||
|
||||
<view class="flex-row list-item mt-5" v-for="(item, index) in product_list" :key="index">
|
||||
|
||||
<image class="self-center image_4" :src="item.imgurl" />
|
||||
|
||||
<view class="flex-col items-start self-center group_5">
|
||||
|
||||
<text class="font_2">{{ item.product_name }}</text>
|
||||
|
||||
<text class="font mt-13">{{ item.detail }}</text>
|
||||
|
||||
<text class="font_4 text_7 mt-13">￥{{ item.value }}</text>
|
||||
|
||||
</view>
|
||||
|
||||
<image class="self-start image_5"
|
||||
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=806f54ff88b61d172a611e704c80a85c.png" />
|
||||
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
|
||||
</view> -->
|
||||
|
||||
<!-- </view> -->
|
||||
<!--
|
||||
</view> -->
|
||||
|
||||
=======
|
||||
<image class="self-start image_5"
|
||||
:src="add_img" />
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
>>>>>>> d61915696c41b2c7ea2ed249616fab862ccfe43a
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref
|
||||
} from 'vue';
|
||||
<<<<<<< HEAD
|
||||
|
||||
=======
|
||||
>>>>>>> d61915696c41b2c7ea2ed249616fab862ccfe43a
|
||||
import img1 from '@/pages/store-home/main/img/cailiaobao.png';
|
||||
import img2 from '@/pages/store-home/main/img/shouchiwu.png';
|
||||
import img3 from '@/pages/store-home/main/img/toushi.png';
|
||||
import img4 from '@/pages/store-home/main/img/dingzhi.png';
|
||||
import img5 from '@/pages/store-home/main/img/jifenduihuan.png';
|
||||
import product_img from '@/pages/store-home/main/img/shangpingtupian.png';
|
||||
import add_img from '@/pages/store-home/main/img/tianjia.png';
|
||||
const sort = ref([{
|
||||
name: "材料包",
|
||||
imgurl: img1
|
||||
},
|
||||
{
|
||||
name: "手持物",
|
||||
imgurl: img2
|
||||
},
|
||||
{
|
||||
name: "头饰",
|
||||
imgurl: img3
|
||||
},
|
||||
{
|
||||
name: "定制",
|
||||
imgurl: img4
|
||||
},
|
||||
{
|
||||
name: "积分商城",
|
||||
imgurl: img5
|
||||
}
|
||||
])
|
||||
const product_list = ref([{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: product_img
|
||||
}
|
||||
])
|
||||
const product_type = [{
|
||||
type: "材料包",
|
||||
detail: "提供材料自行DIY"
|
||||
}]
|
||||
const tap =()=> {
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/order/product-close/product-close'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.scrollable-content {
|
||||
height: 56vh;
|
||||
/* 100px 是头部和底部的高度之和 */
|
||||
}
|
||||
|
||||
.ml-15 {
|
||||
margin-left: 28.13rpx;
|
||||
}
|
||||
|
||||
.ml-3 {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
|
||||
.mt-13 {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
|
||||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
|
||||
.page {
|
||||
background-color: #f5f5dc;
|
||||
// height: 1413.75rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 22.5rpx 39.28rpx 16.88rpx;
|
||||
background-color: #f7de98;
|
||||
}
|
||||
|
||||
.pos_8 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.text {
|
||||
color: #c1651a;
|
||||
font-size: 37.5rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 36.19rpx;
|
||||
}
|
||||
|
||||
.section_2 {
|
||||
padding: 5.63rpx 15rpx 8.44rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.13rpx;
|
||||
height: 63.75rpx;
|
||||
width: 500.69rpx;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 50.63rpx;
|
||||
height: 50.63rpx;
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
margin-right: 17.42rpx;
|
||||
}
|
||||
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 18rpx;
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.image-wrapper {
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.13rpx;
|
||||
overflow: hidden;
|
||||
border: solid 9.38rpx #ffffff;
|
||||
}
|
||||
|
||||
.pos_1 {
|
||||
position: absolute;
|
||||
left: 22.5rpx;
|
||||
right: 24.38rpx;
|
||||
top: 118.13rpx;
|
||||
}
|
||||
|
||||
.image_2 {
|
||||
width: 91.25vw;
|
||||
height: 37.5vw;
|
||||
}
|
||||
|
||||
<<<<<<< HEAD
|
||||
.group {
|
||||
position: relative;
|
||||
|
||||
border: 3px solid brown;
|
||||
margin-top: 22.5rpx;
|
||||
// height: 1000rpx;
|
||||
}
|
||||
|
||||
=======
|
||||
>>>>>>> d61915696c41b2c7ea2ed249616fab862ccfe43a
|
||||
.section_3 {
|
||||
padding: 8.44rpx 5.63rpx 750rpx;
|
||||
background-color: #f7de98;
|
||||
width: 151.88rpx;
|
||||
}
|
||||
|
||||
.pos_9 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 440.63rpx;
|
||||
}
|
||||
|
||||
.group {
|
||||
margin: auto;
|
||||
width: 137.81rpx;
|
||||
}
|
||||
|
||||
.list-item {
|
||||
padding: 11.25rpx 0 9.94rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.image_3 {
|
||||
border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
|
||||
width: 48.75rpx;
|
||||
height: 48.75rpx;
|
||||
}
|
||||
|
||||
.font_4 {
|
||||
font-size: 30rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 28.26rpx;
|
||||
color: #c1651a;
|
||||
}
|
||||
|
||||
.section_4 {
|
||||
padding-bottom: 879.38rpx;
|
||||
background-color: #f8e8c1;
|
||||
border-radius: 0rpx 18.75rpx 0rpx 0rpx;
|
||||
width: 600.13rpx;
|
||||
}
|
||||
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 440.63rpx;
|
||||
}
|
||||
|
||||
.section_5 {
|
||||
padding: 18.06rpx 16.24rpx 14.94rpx;
|
||||
<<<<<<< HEAD
|
||||
background-color: #C1651A;
|
||||
=======
|
||||
background-color: #fffef8;
|
||||
>>>>>>> d61915696c41b2c7ea2ed249616fab862ccfe43a
|
||||
border-radius: 0rpx 18.75rpx 0rpx 0rpx;
|
||||
width: 598.13rpx;
|
||||
}
|
||||
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 28.26rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.font_3 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 21.56rpx;
|
||||
color: #727272;
|
||||
}
|
||||
|
||||
.text_3 {
|
||||
line-height: 21.15rpx;
|
||||
}
|
||||
|
||||
.pos_5 {
|
||||
position: absolute;
|
||||
right: 15rpx;
|
||||
top: 543.75rpx;
|
||||
}
|
||||
|
||||
.section_9 {
|
||||
padding: 20.63rpx 22.88rpx 22.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 9.38rpx;
|
||||
right: 13.13rpx;
|
||||
}
|
||||
|
||||
.list-item_2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.image_4 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 131.25rpx;
|
||||
height: 131.25rpx;
|
||||
}
|
||||
|
||||
.group_3 {
|
||||
margin-left: 24.84rpx;
|
||||
}
|
||||
|
||||
.text_5 {
|
||||
line-height: 28.65rpx;
|
||||
}
|
||||
|
||||
.image_5 {
|
||||
margin: 75rpx 5.63rpx 0 107.96rpx;
|
||||
border-radius: 9.38rpx;
|
||||
width: 56.25rpx;
|
||||
height: 56.25rpx;
|
||||
}
|
||||
|
||||
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
1
unpackage/dist/dev/mp-weixin/app.js
vendored
1
unpackage/dist/dev/mp-weixin/app.js
vendored
|
|
@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|||
const common_vendor = require("./common/vendor.js");
|
||||
if (!Math) {
|
||||
"./pages/home/home/home.js";
|
||||
"./pages/store-home/main/main.js";
|
||||
"./pages/mine/main/main.js";
|
||||
"./pages/Shopping-cart/productmain/productmain.js";
|
||||
"./pages/store-home/products/product-detail.js";
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
15
unpackage/dist/dev/mp-weixin/common/assets.js
vendored
15
unpackage/dist/dev/mp-weixin/common/assets.js
vendored
|
|
@ -1,15 +0,0 @@
|
|||
"use strict";
|
||||
const img1 = "/assets/cailiaobao.52f9097b.png";
|
||||
const img2 = "/assets/shouchiwu.37cdee46.png";
|
||||
const img3 = "/assets/toushi.6558cc23.png";
|
||||
const img4 = "/assets/dingzhi.d6614f9f.png";
|
||||
const img5 = "/assets/jifenduihuan.a1c23524.png";
|
||||
const product_img = "/assets/shangpingtupian.ec8c0440.png";
|
||||
const add_img = "/assets/tianjia.187834c9.png";
|
||||
exports.add_img = add_img;
|
||||
exports.img1 = img1;
|
||||
exports.img2 = img2;
|
||||
exports.img3 = img3;
|
||||
exports.img4 = img4;
|
||||
exports.img5 = img5;
|
||||
exports.product_img = product_img;
|
||||
132
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
132
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
|
|
@ -99,37 +99,6 @@ let _globalThis;
|
|||
const getGlobalThis = () => {
|
||||
return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
|
||||
};
|
||||
const toDisplayString = (val) => {
|
||||
return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
|
||||
};
|
||||
const replacer = (_key, val) => {
|
||||
if (val && val.__v_isRef) {
|
||||
return replacer(_key, val.value);
|
||||
} else if (isMap(val)) {
|
||||
return {
|
||||
[`Map(${val.size})`]: [...val.entries()].reduce(
|
||||
(entries, [key, val2], i) => {
|
||||
entries[stringifySymbol(key, i) + " =>"] = val2;
|
||||
return entries;
|
||||
},
|
||||
{}
|
||||
)
|
||||
};
|
||||
} else if (isSet(val)) {
|
||||
return {
|
||||
[`Set(${val.size})`]: [...val.values()].map((v) => stringifySymbol(v))
|
||||
};
|
||||
} else if (isSymbol(val)) {
|
||||
return stringifySymbol(val);
|
||||
} else if (isObject(val) && !isArray(val) && !isPlainObject(val)) {
|
||||
return String(val);
|
||||
}
|
||||
return val;
|
||||
};
|
||||
const stringifySymbol = (v, i = "") => {
|
||||
var _a;
|
||||
return isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v;
|
||||
};
|
||||
const LINEFEED = "\n";
|
||||
const SLOT_DEFAULT_NAME = "d";
|
||||
const ON_SHOW = "onShow";
|
||||
|
|
@ -472,9 +441,9 @@ function assertType$1(value, type) {
|
|||
let valid;
|
||||
const expectedType = getType$1(type);
|
||||
if (isSimpleType$1(expectedType)) {
|
||||
const t2 = typeof value;
|
||||
valid = t2 === expectedType.toLowerCase();
|
||||
if (!valid && t2 === "object") {
|
||||
const t = typeof value;
|
||||
valid = t === expectedType.toLowerCase();
|
||||
if (!valid && t === "object") {
|
||||
valid = value instanceof type;
|
||||
}
|
||||
} else if (expectedType === "Object") {
|
||||
|
|
@ -6578,95 +6547,6 @@ function getCreateApp() {
|
|||
return my[method];
|
||||
}
|
||||
}
|
||||
function vOn(value, key) {
|
||||
const instance = getCurrentInstance();
|
||||
const ctx = instance.ctx;
|
||||
const extraKey = typeof key !== "undefined" && (ctx.$mpPlatform === "mp-weixin" || ctx.$mpPlatform === "mp-qq" || ctx.$mpPlatform === "mp-xhs") && (isString(key) || typeof key === "number") ? "_" + key : "";
|
||||
const name = "e" + instance.$ei++ + extraKey;
|
||||
const mpInstance = ctx.$scope;
|
||||
if (!value) {
|
||||
delete mpInstance[name];
|
||||
return name;
|
||||
}
|
||||
const existingInvoker = mpInstance[name];
|
||||
if (existingInvoker) {
|
||||
existingInvoker.value = value;
|
||||
} else {
|
||||
mpInstance[name] = createInvoker(value, instance);
|
||||
}
|
||||
return name;
|
||||
}
|
||||
function createInvoker(initialValue, instance) {
|
||||
const invoker = (e2) => {
|
||||
patchMPEvent(e2);
|
||||
let args = [e2];
|
||||
if (e2.detail && e2.detail.__args__) {
|
||||
args = e2.detail.__args__;
|
||||
}
|
||||
const eventValue = invoker.value;
|
||||
const invoke = () => callWithAsyncErrorHandling(patchStopImmediatePropagation(e2, eventValue), instance, 5, args);
|
||||
const eventTarget = e2.target;
|
||||
const eventSync = eventTarget ? eventTarget.dataset ? String(eventTarget.dataset.eventsync) === "true" : false : false;
|
||||
if (bubbles.includes(e2.type) && !eventSync) {
|
||||
setTimeout(invoke);
|
||||
} else {
|
||||
const res = invoke();
|
||||
if (e2.type === "input" && (isArray(res) || isPromise(res))) {
|
||||
return;
|
||||
}
|
||||
return res;
|
||||
}
|
||||
};
|
||||
invoker.value = initialValue;
|
||||
return invoker;
|
||||
}
|
||||
const bubbles = [
|
||||
// touch事件暂不做延迟，否则在 Android 上会影响性能，比如一些拖拽跟手手势等
|
||||
// 'touchstart',
|
||||
// 'touchmove',
|
||||
// 'touchcancel',
|
||||
// 'touchend',
|
||||
"tap",
|
||||
"longpress",
|
||||
"longtap",
|
||||
"transitionend",
|
||||
"animationstart",
|
||||
"animationiteration",
|
||||
"animationend",
|
||||
"touchforcechange"
|
||||
];
|
||||
function patchMPEvent(event) {
|
||||
if (event.type && event.target) {
|
||||
event.preventDefault = NOOP;
|
||||
event.stopPropagation = NOOP;
|
||||
event.stopImmediatePropagation = NOOP;
|
||||
if (!hasOwn(event, "detail")) {
|
||||
event.detail = {};
|
||||
}
|
||||
if (hasOwn(event, "markerId")) {
|
||||
event.detail = typeof event.detail === "object" ? event.detail : {};
|
||||
event.detail.markerId = event.markerId;
|
||||
}
|
||||
if (isPlainObject(event.detail) && hasOwn(event.detail, "checked") && !hasOwn(event.detail, "value")) {
|
||||
event.detail.value = event.detail.checked;
|
||||
}
|
||||
if (isPlainObject(event.detail)) {
|
||||
event.target = extend({}, event.target, event.detail);
|
||||
}
|
||||
}
|
||||
}
|
||||
function patchStopImmediatePropagation(e2, value) {
|
||||
if (isArray(value)) {
|
||||
const originalStop = e2.stopImmediatePropagation;
|
||||
e2.stopImmediatePropagation = () => {
|
||||
originalStop && originalStop.call(e2);
|
||||
e2._stopped = true;
|
||||
};
|
||||
return value.map((fn) => (e3) => !e3._stopped && fn(e3));
|
||||
} else {
|
||||
return value;
|
||||
}
|
||||
}
|
||||
function vFor(source, renderItem) {
|
||||
let ret;
|
||||
if (isArray(source) || isString(source)) {
|
||||
|
|
@ -6699,9 +6579,7 @@ function vFor(source, renderItem) {
|
|||
}
|
||||
return ret;
|
||||
}
|
||||
const o = (value, key) => vOn(value, key);
|
||||
const f = (source, renderItem) => vFor(source, renderItem);
|
||||
const t = (val) => toDisplayString(val);
|
||||
function createApp$1(rootComponent, rootProps = null) {
|
||||
rootComponent && (rootComponent.mpType = "app");
|
||||
return createVueApp(rootComponent, rootProps).use(plugin);
|
||||
|
|
@ -7537,8 +7415,4 @@ exports._export_sfc = _export_sfc;
|
|||
exports.createSSRApp = createSSRApp;
|
||||
exports.defineComponent = defineComponent;
|
||||
exports.f = f;
|
||||
exports.index = index;
|
||||
exports.o = o;
|
||||
exports.ref = ref;
|
||||
exports.t = t;
|
||||
exports.unref = unref;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,109 +1,66 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const common_assets = require("../../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
__name: "main",
|
||||
setup(__props) {
|
||||
const sort = common_vendor.ref([
|
||||
{
|
||||
name: "材料包",
|
||||
imgurl: common_assets.img1
|
||||
},
|
||||
{
|
||||
name: "手持物",
|
||||
imgurl: common_assets.img2
|
||||
},
|
||||
{
|
||||
name: "头饰",
|
||||
imgurl: common_assets.img3
|
||||
},
|
||||
{
|
||||
name: "定制",
|
||||
imgurl: common_assets.img4
|
||||
},
|
||||
{
|
||||
name: "积分商城",
|
||||
imgurl: common_assets.img5
|
||||
}
|
||||
]);
|
||||
const product_list = common_vendor.ref([
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: common_assets.product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: common_assets.product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: common_assets.product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: common_assets.product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: common_assets.product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: common_assets.product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: common_assets.product_img
|
||||
},
|
||||
{
|
||||
product_name: "琉璃发簪体验包",
|
||||
detail: "非遗材料包，匠心独运",
|
||||
value: "750",
|
||||
imgurl: common_assets.product_img
|
||||
}
|
||||
]);
|
||||
const tap = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "../../../pages/order/product-close/product-close"
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.f(sort.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item.imgurl,
|
||||
b: common_vendor.t(item.name),
|
||||
c: index
|
||||
};
|
||||
}),
|
||||
b: common_vendor.f(product_list.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item.imgurl,
|
||||
b: common_vendor.t(item.product_name),
|
||||
c: common_vendor.t(item.detail),
|
||||
d: common_vendor.t(item.value),
|
||||
e: index,
|
||||
f: common_vendor.o(tap, index)
|
||||
};
|
||||
}),
|
||||
c: common_vendor.unref(common_assets.add_img)
|
||||
};
|
||||
};
|
||||
// pages/store-home/main/main.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7e3c386d"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/store-home/main/main.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
})
|
||||
|
|
@ -1,5 +1,2 @@
|
|||
<<<<<<< HEAD
|
||||
<view class="flex-col page data-v-7e3c386d"><view class="flex-col data-v-7e3c386d"><view class="flex-row items-center section data-v-7e3c386d"><text class="text data-v-7e3c386d">商品</text><view class="flex-row section_2 ml-15 data-v-7e3c386d"><image class="image data-v-7e3c386d" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=348b14e68c9ce02a3b9fe870f131c4c7.png"/><input class="text-wrapper ml-2 data-v-7e3c386d" placeholder="请输入想要搜索的商品"/></view></view><view class="flex-col justify-start items-center image-wrapper mt-3 data-v-7e3c386d"><image class="shrink-0 image_2 data-v-7e3c386d" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=bf3dfe8c3d572943e00870d83c40b20c.png"/></view></view><view class="flex-row relative group data-v-7e3c386d"><view class="shrink-0 section_3 data-v-7e3c386d"></view><view class="flex-col shrink-0 group_1 pos_5 data-v-7e3c386d"><view wx:for="{{a}}" wx:for-item="item" wx:key="c" class="flex-col items-center section_6 list-item_1 mt-4 data-v-7e3c386d"><image class="image_3 data-v-7e3c386d" src="{{item.a}}"/><text class="font_3 text_5 mt-3 data-v-7e3c386d">{{item.b}}</text></view></view><view class="flex-col justify-start flex-1 relative section_4 data-v-7e3c386d"><view class="flex-col items-start section_5 data-v-7e3c386d"><text class="font_2 text_3 data-v-7e3c386d">材料包</text><text class="font text_4 mt-6 data-v-7e3c386d">提供材料自行DIY</text></view><view class="flex-col shrink-0 pos data-v-7e3c386d"><view wx:for="{{b}}" wx:for-item="item" wx:key="e" class="flex-row list-item mt-5 data-v-7e3c386d"><navigator class="data-v-7e3c386d" url="../../booking/ContactInformation"><image class="self-center image_4 data-v-7e3c386d" src="{{item.a}}"/><view class="flex-col items-start self-center group_5 data-v-7e3c386d"><text class="font_2 data-v-7e3c386d">{{item.b}}</text><text class="font mt-13 data-v-7e3c386d">{{item.c}}</text><text class="font_4 text_7 mt-13 data-v-7e3c386d">￥{{item.d}}</text></view><image class="self-start image_5 data-v-7e3c386d" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=806f54ff88b61d172a611e704c80a85c.png"/></navigator></view></view></view></view></view>
|
||||
=======
|
||||
<view class="flex-row relative page data-v-7e3c386d"><view class="flex-row items-center section pos_8 data-v-7e3c386d"><text class="text data-v-7e3c386d">商品</text><view class="flex-row items-center section_2 ml-15 data-v-7e3c386d"><image class="image data-v-7e3c386d" src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=9be8d37ecdad5a4ae97f3017b8b13575.png"/><input class="text-wrapper ml-3 data-v-7e3c386d" placeholder="请输入内容"/></view></view><view class="flex-col justify-start items-center image-wrapper pos_1 data-v-7e3c386d"><image class="shrink-0 image_2 data-v-7e3c386d" src="{{''}}"/></view><view class="flex-col justify-start section_3 pos_9 data-v-7e3c386d"><view class="flex-col group data-v-7e3c386d"><view wx:for="{{a}}" wx:for-item="item" wx:key="c" class="flex-col items-center list-item mt-5 data-v-7e3c386d"><image class="image_3 data-v-7e3c386d" src="{{item.a}}"/><text class="font_4 mt-3 data-v-7e3c386d">{{item.b}}</text></view></view></view><view class="flex-col justify-start section_4 pos_4 data-v-7e3c386d"><view class="flex-col items-start section_5 data-v-7e3c386d"><text class="font_2 data-v-7e3c386d">材料包</text><text class="font_3 text_3 mt-6 data-v-7e3c386d">提供材料自行DIY</text></view></view><view class="flex-col pos_5 data-v-7e3c386d"><scroll-view scroll-y class="scrollable-content data-v-7e3c386d"><view wx:for="{{b}}" wx:for-item="item" wx:key="e" class="flex-row section_9 list-item_2 mt-5 data-v-7e3c386d" bindtap="{{item.f}}"><image class="self-center image_4 data-v-7e3c386d" src="{{item.a}}"/><view class="flex-col items-start self-center group_3 data-v-7e3c386d"><text class="font_2 text_5 data-v-7e3c386d">{{item.b}}</text><text class="font_3 mt-13 data-v-7e3c386d">{{item.c}}</text><text class="font mt-13 data-v-7e3c386d">￥{{item.d}}</text></view><image class="self-start image_5 data-v-7e3c386d" src="{{c}}"/></view></scroll-view></view></view>
|
||||
>>>>>>> d61915696c41b2c7ea2ed249616fab862ccfe43a
|
||||
<!--pages/store-home/main/main.wxml-->
|
||||
<text>pages/store-home/main/main.wxml</text>
|
||||
|
|
@ -1,578 +0,0 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-7e3c386d {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-7e3c386d {
|
||||
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-7e3c386d,
|
||||
image.data-v-7e3c386d,
|
||||
text.data-v-7e3c386d {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-7e3c386d {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-7e3c386d {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-7e3c386d {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-7e3c386d {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-7e3c386d {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-7e3c386d {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-7e3c386d {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-7e3c386d {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-7e3c386d {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-7e3c386d {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-7e3c386d {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-7e3c386d {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-7e3c386d {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-7e3c386d {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-7e3c386d {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-7e3c386d {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-7e3c386d {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-7e3c386d {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-7e3c386d {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-7e3c386d {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-7e3c386d {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-7e3c386d {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-7e3c386d {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-7e3c386d {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-7e3c386d {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-7e3c386d {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-7e3c386d {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-7e3c386d {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-7e3c386d {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-7e3c386d {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-7e3c386d {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-7e3c386d {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-7e3c386d {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-7e3c386d {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-7e3c386d {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-7e3c386d {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-7e3c386d {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-7e3c386d {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-7e3c386d {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-7e3c386d {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-7e3c386d {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-7e3c386d {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-7e3c386d {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-7e3c386d {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-7e3c386d {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-7e3c386d {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-7e3c386d {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-7e3c386d {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-7e3c386d {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-7e3c386d {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-7e3c386d {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-7e3c386d {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-7e3c386d {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-7e3c386d {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-7e3c386d {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-7e3c386d {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-7e3c386d {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-7e3c386d {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-7e3c386d {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-7e3c386d {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-7e3c386d {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-7e3c386d {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-7e3c386d {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-7e3c386d {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-7e3c386d {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-7e3c386d {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-7e3c386d {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-7e3c386d {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-7e3c386d {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-7e3c386d {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-7e3c386d {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-7e3c386d {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-7e3c386d {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-7e3c386d {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-7e3c386d {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-7e3c386d {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-7e3c386d {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-7e3c386d {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-7e3c386d {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-7e3c386d {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-7e3c386d {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-7e3c386d {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-7e3c386d {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-7e3c386d {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-7e3c386d {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-7e3c386d {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-7e3c386d {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-7e3c386d {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-7e3c386d {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-7e3c386d {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-7e3c386d {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-7e3c386d {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-7e3c386d {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-7e3c386d {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-7e3c386d {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-7e3c386d {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-7e3c386d {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-7e3c386d {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-7e3c386d {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-7e3c386d {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-7e3c386d {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-7e3c386d {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-7e3c386d {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-7e3c386d {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-7e3c386d {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-7e3c386d {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-7e3c386d {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-7e3c386d {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-7e3c386d {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-7e3c386d {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-7e3c386d {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-7e3c386d {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-7e3c386d {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-7e3c386d {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-7e3c386d {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-7e3c386d {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-7e3c386d {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-7e3c386d {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-7e3c386d {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-7e3c386d {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-7e3c386d {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-7e3c386d {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-7e3c386d {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-7e3c386d {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-7e3c386d {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-7e3c386d {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.scrollable-content.data-v-7e3c386d {
|
||||
height: 56vh;
|
||||
/* 100px 是头部和底部的高度之和 */
|
||||
}
|
||||
.ml-15.data-v-7e3c386d {
|
||||
margin-left: 28.13rpx;
|
||||
}
|
||||
.ml-3.data-v-7e3c386d {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
.mt-3.data-v-7e3c386d {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.mt-13.data-v-7e3c386d {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
.mt-5.data-v-7e3c386d {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
.page.data-v-7e3c386d {
|
||||
background-color: #f5f5dc;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
.section.data-v-7e3c386d {
|
||||
padding: 22.5rpx 39.28rpx 16.88rpx;
|
||||
background-color: #f7de98;
|
||||
}
|
||||
.pos_8.data-v-7e3c386d {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.text.data-v-7e3c386d {
|
||||
color: #c1651a;
|
||||
font-size: 37.5rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 36.19rpx;
|
||||
}
|
||||
.section_2.data-v-7e3c386d {
|
||||
padding: 5.63rpx 15rpx 8.44rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.13rpx;
|
||||
height: 63.75rpx;
|
||||
width: 500.69rpx;
|
||||
}
|
||||
.image.data-v-7e3c386d {
|
||||
width: 50.63rpx;
|
||||
height: 50.63rpx;
|
||||
}
|
||||
.text-wrapper.data-v-7e3c386d {
|
||||
margin-right: 17.42rpx;
|
||||
}
|
||||
.font.data-v-7e3c386d {
|
||||
font-size: 26.25rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 18rpx;
|
||||
color: #ff0000;
|
||||
}
|
||||
.image-wrapper.data-v-7e3c386d {
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.13rpx;
|
||||
overflow: hidden;
|
||||
border: solid 9.38rpx #ffffff;
|
||||
}
|
||||
.pos_1.data-v-7e3c386d {
|
||||
position: absolute;
|
||||
left: 22.5rpx;
|
||||
right: 24.38rpx;
|
||||
top: 118.13rpx;
|
||||
}
|
||||
.image_2.data-v-7e3c386d {
|
||||
width: 91.25vw;
|
||||
height: 37.5vw;
|
||||
}
|
||||
.section_3.data-v-7e3c386d {
|
||||
padding: 8.44rpx 5.63rpx 750rpx;
|
||||
background-color: #f7de98;
|
||||
width: 151.88rpx;
|
||||
}
|
||||
.pos_9.data-v-7e3c386d {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 440.63rpx;
|
||||
}
|
||||
.group.data-v-7e3c386d {
|
||||
margin: auto;
|
||||
width: 137.81rpx;
|
||||
}
|
||||
.list-item.data-v-7e3c386d {
|
||||
padding: 11.25rpx 0 9.94rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item.data-v-7e3c386d:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3.data-v-7e3c386d {
|
||||
border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
|
||||
width: 48.75rpx;
|
||||
height: 48.75rpx;
|
||||
}
|
||||
.font_4.data-v-7e3c386d {
|
||||
font-size: 30rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 28.26rpx;
|
||||
color: #c1651a;
|
||||
}
|
||||
.section_4.data-v-7e3c386d {
|
||||
padding-bottom: 879.38rpx;
|
||||
background-color: #f8e8c1;
|
||||
border-radius: 0rpx 18.75rpx 0rpx 0rpx;
|
||||
width: 600.13rpx;
|
||||
}
|
||||
.pos_4.data-v-7e3c386d {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 440.63rpx;
|
||||
}
|
||||
.section_5.data-v-7e3c386d {
|
||||
padding: 18.06rpx 16.24rpx 14.94rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 0rpx 18.75rpx 0rpx 0rpx;
|
||||
width: 598.13rpx;
|
||||
}
|
||||
.font_2.data-v-7e3c386d {
|
||||
font-size: 30rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 28.26rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_3.data-v-7e3c386d {
|
||||
font-size: 22.5rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 21.56rpx;
|
||||
color: #727272;
|
||||
}
|
||||
.text_3.data-v-7e3c386d {
|
||||
line-height: 21.15rpx;
|
||||
}
|
||||
.pos_5.data-v-7e3c386d {
|
||||
position: absolute;
|
||||
right: 15rpx;
|
||||
top: 543.75rpx;
|
||||
}
|
||||
.section_9.data-v-7e3c386d {
|
||||
padding: 20.63rpx 22.88rpx 22.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 9.38rpx;
|
||||
right: 13.13rpx;
|
||||
}
|
||||
.list-item_2.data-v-7e3c386d:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_4.data-v-7e3c386d {
|
||||
border-radius: 9.38rpx;
|
||||
width: 131.25rpx;
|
||||
height: 131.25rpx;
|
||||
}
|
||||
.group_3.data-v-7e3c386d {
|
||||
margin-left: 24.84rpx;
|
||||
}
|
||||
.text_5.data-v-7e3c386d {
|
||||
line-height: 28.65rpx;
|
||||
}
|
||||
.image_5.data-v-7e3c386d {
|
||||
margin: 75rpx 5.63rpx 0 107.96rpx;
|
||||
border-radius: 9.38rpx;
|
||||
width: 56.25rpx;
|
||||
height: 56.25rpx;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user