chenxinzhi
This commit is contained in:
parent
6f323d02f8
commit
d47dd5fa3b
|
|
@ -1,260 +1,249 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-row justify-center items-end group">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=c6a8c76ad09308a15eabe4f0e432b5d8.png"
|
||||
/>
|
||||
<view class="flex-col group_2">
|
||||
<text class="self-start text">默认用户</text>
|
||||
<view class="flex-col justify-start items-center self-stretch text-wrapper mt-6">
|
||||
<text class="font text_2">剩余积分：0</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_2">
|
||||
<text class="font text_3">优惠卷：0 张</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col mt-45">
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-center section section_1">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=86891c2a1d3cd7e9ad8ec9ac6f0a6224.png"
|
||||
/>
|
||||
<text class="font text_4">总订单</text>
|
||||
</view>
|
||||
<view class="flex-col items-center section section_6 ml-17">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=0690c462710dfee0dec347c8f9c3b1c5.png"
|
||||
/>
|
||||
<text class="font text_1">待付款</text>
|
||||
</view>
|
||||
<view class="flex-col items-center section equal-division-item_2 ml-17">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=700f5ccfeefc6846274157a3a74aaa40.png"
|
||||
/>
|
||||
<text class="font">待发货</text>
|
||||
</view>
|
||||
<view class="flex-col items-center section equal-division-item_2 ml-17">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=f0db0e3a604b764cb513b4a63d89142a.png"
|
||||
/>
|
||||
<text class="font">待收货</text>
|
||||
</view>
|
||||
<view class="flex-col items-start section section_3 ml-17">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=d21cfba248af89d85c54a231f8e8d2a7.png"
|
||||
/>
|
||||
<text class="font text_9">退款/售后</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col list mt-27">
|
||||
<view class="flex-row justify-between items-center section_4">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=51ca8598d22e11502bd5b9691542ff69.png"
|
||||
/>
|
||||
<text class="font_2 ml-4">地址列表</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=2703c94ee6907434f49a8ef92bbd8b79.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_4 mt-27">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=3dfd39007b1a62403cca36442f44cbf6.png"
|
||||
/>
|
||||
<text class="font_2 text_5 ml-5">联系人列表</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=2703c94ee6907434f49a8ef92bbd8b79.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_2 mt-27">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=aaa71b80b36b1105abb2df0709f45cf4.png"
|
||||
/>
|
||||
<text class="font_2 text_6 ml-7">设置</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_4 image_5"
|
||||
src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=2703c94ee6907434f49a8ef92bbd8b79.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<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>
|
||||
<view class="flex-col justify-start items-center image-wrapper pos_1">
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=c19b431d73c59a746bd217b8a353ca67.png"
|
||||
/>
|
||||
</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 items" :key="index">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=4b46c006ee9f8388c51d11f8b462c8f5.png"
|
||||
/>
|
||||
<text class="font_4 mt-3">材料包</text>
|
||||
</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>
|
||||
</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 items_1" :key="index">
|
||||
<image
|
||||
class="self-center image_4"
|
||||
src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=682a9a6efb91272ba3486d226ba35cca.png"
|
||||
/>
|
||||
<view class="flex-col items-start self-center group_3">
|
||||
<text class="font_2 text_5">琉璃发体验包</text>
|
||||
<text class="font_3 mt-13">非遗材料包，匠心独运</text>
|
||||
<text class="font mt-13">￥750</text>
|
||||
</view>
|
||||
<image
|
||||
class="self-start image_5"
|
||||
src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=36a97f4b57f481cce8fb5a8fdc202943.png"
|
||||
/>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {ref} from 'vue'
|
||||
const items = ref([null, null, null, null, null])
|
||||
const items_1 = ref([null, null, null, null, null, null, null, null])
|
||||
|
||||
|
||||
const jump = () => {
|
||||
console.log(3333)
|
||||
uni.navigateTo({
|
||||
url: '../test/test'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-45 {
|
||||
margin-top: 84.38rpx;
|
||||
}
|
||||
.ml-17 {
|
||||
margin-left: 31.88rpx;
|
||||
}
|
||||
.ml-5 {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
.mt-27 {
|
||||
margin-top: 50.63rpx;
|
||||
}
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 78.75rpx 9.38rpx 675rpx;
|
||||
background-color: #fff9ed;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group {
|
||||
padding: 0 20.63rpx;
|
||||
}
|
||||
.image {
|
||||
border-radius: 50%;
|
||||
width: 150rpx;
|
||||
height: 151.88rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.text {
|
||||
color: #000000;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.91rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 23.34rpx 0 23.85rpx;
|
||||
background-color: #ffbe74;
|
||||
border-radius: 18.75rpx;
|
||||
width: 221.25rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.34rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_2 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 25.93rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
margin-left: 24.38rpx;
|
||||
padding: 23.27rpx 0 23.85rpx;
|
||||
background-color: #ffbe74;
|
||||
border-radius: 18.75rpx;
|
||||
width: 221.25rpx;
|
||||
height: 73.13rpx;
|
||||
}
|
||||
.text_3 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 26.03rpx;
|
||||
}
|
||||
.equal-division {
|
||||
margin-right: 3.77rpx;
|
||||
}
|
||||
.section {
|
||||
flex: 1 1 120rpx;
|
||||
}
|
||||
.section_1 {
|
||||
padding: 5.44rpx 0 20.42rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
height: 146.25rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 24.07rpx;
|
||||
}
|
||||
.section_6 {
|
||||
padding: 5.44rpx 0 20.34rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
height: 146.25rpx;
|
||||
}
|
||||
.text_1 {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.equal-division-item_2 {
|
||||
padding: 5.44rpx 0 20.32rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
height: 146.25rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 5.44rpx 0 20.51rpx 10.22rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
height: 146.25rpx;
|
||||
}
|
||||
.text_9 {
|
||||
font-size: 24.38rpx;
|
||||
line-height: 22.52rpx;
|
||||
}
|
||||
.list {
|
||||
padding-left: 22.5rpx;
|
||||
padding-right: 16.88rpx;
|
||||
}
|
||||
.section_4 {
|
||||
margin-right: 5.63rpx;
|
||||
padding: 22.5rpx 26.27rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.69rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.image_4 {
|
||||
margin-right: 5.61rpx;
|
||||
width: 48.75rpx;
|
||||
height: 48.75rpx;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-left: 5.63rpx;
|
||||
padding: 22.5rpx 20.63rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 27.11rpx;
|
||||
}
|
||||
.image_5 {
|
||||
margin-right: 11.27rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
.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;
|
||||
}
|
||||
.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;
|
||||
background-color: #fffef8;
|
||||
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>
|
||||
249
pages/store-home/main/main.vue
Normal file
249
pages/store-home/main/main.vue
Normal file
|
|
@ -0,0 +1,249 @@
|
|||
<template>
|
||||
<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>
|
||||
<view class="flex-col justify-start items-center image-wrapper pos_1">
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=c19b431d73c59a746bd217b8a353ca67.png"
|
||||
/>
|
||||
</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 items" :key="index">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=4b46c006ee9f8388c51d11f8b462c8f5.png"
|
||||
/>
|
||||
<text class="font_4 mt-3">材料包</text>
|
||||
</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>
|
||||
</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 items_1" :key="index">
|
||||
<image
|
||||
class="self-center image_4"
|
||||
src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=682a9a6efb91272ba3486d226ba35cca.png"
|
||||
/>
|
||||
<view class="flex-col items-start self-center group_3">
|
||||
<text class="font_2 text_5">琉璃发体验包</text>
|
||||
<text class="font_3 mt-13">非遗材料包，匠心独运</text>
|
||||
<text class="font mt-13">￥750</text>
|
||||
</view>
|
||||
<image
|
||||
class="self-start image_5"
|
||||
src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=36a97f4b57f481cce8fb5a8fdc202943.png"
|
||||
/>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {ref} from 'vue'
|
||||
const items = ref([null, null, null, null, null])
|
||||
const items_1 = ref([null, null, null, null, null, null, null, null])
|
||||
|
||||
const jump = () => {
|
||||
console.log(3333)
|
||||
uni.navigateTo({
|
||||
url: '../test/test'
|
||||
})
|
||||
}
|
||||
</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;
|
||||
}
|
||||
.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;
|
||||
background-color: #fffef8;
|
||||
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>
|
||||
4
unpackage/dist/dev/mp-weixin/app.js
vendored
4
unpackage/dist/dev/mp-weixin/app.js
vendored
|
|
@ -3,6 +3,7 @@ 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";
|
||||
|
|
@ -17,12 +18,13 @@ if (!Math) {
|
|||
"./pages/order/product-close/product-close.js";
|
||||
"./pages/Shopping-cart/Phone/Phone.js";
|
||||
"./pages/order/product-unpay/product-unpay.js";
|
||||
"./pages/booking/BillingOfFees/BillingOfFees.js";
|
||||
}
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/jiangchengfeiyi-xiaochengxu/App.vue"]]);
|
||||
const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/App.vue"]]);
|
||||
function createApp() {
|
||||
const app = common_vendor.createSSRApp(App);
|
||||
return {
|
||||
|
|
|
|||
3
unpackage/dist/dev/mp-weixin/app.json
vendored
3
unpackage/dist/dev/mp-weixin/app.json
vendored
|
|
@ -15,7 +15,8 @@
|
|||
"pages/Shopping-cart/address/address",
|
||||
"pages/order/product-close/product-close",
|
||||
"pages/Shopping-cart/Phone/Phone",
|
||||
"pages/order/product-unpay/product-unpay"
|
||||
"pages/order/product-unpay/product-unpay",
|
||||
"pages/booking/BillingOfFees/BillingOfFees"
|
||||
],
|
||||
"window": {
|
||||
"navigationBarTextStyle": "black",
|
||||
|
|
|
|||
92
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
92
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
|
|
@ -6547,6 +6547,95 @@ 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)) {
|
||||
|
|
@ -6579,6 +6668,7 @@ function vFor(source, renderItem) {
|
|||
}
|
||||
return ret;
|
||||
}
|
||||
const o = (value, key) => vOn(value, key);
|
||||
const f = (source, renderItem) => vFor(source, renderItem);
|
||||
function createApp$1(rootComponent, rootProps = null) {
|
||||
rootComponent && (rootComponent.mpType = "app");
|
||||
|
|
@ -7415,4 +7505,6 @@ exports._export_sfc = _export_sfc;
|
|||
exports.createSSRApp = createSSRApp;
|
||||
exports.defineComponent = defineComponent;
|
||||
exports.f = f;
|
||||
exports.index = index;
|
||||
exports.o = o;
|
||||
exports.ref = ref;
|
||||
|
|
|
|||
|
|
@ -4,5 +4,5 @@ const _sfc_main = {};
|
|||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/Contact/Contact.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/Contact/Contact.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -10,5 +10,5 @@ function _sfc_render(_ctx, _cache) {
|
|||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6d058dc0"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/Phone/Phone.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6d058dc0"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/Phone/Phone.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -4,5 +4,5 @@ const _sfc_main = {};
|
|||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b64d6a4c"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/ProductDetails/ProductDetails.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b64d6a4c"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/ProductDetails/ProductDetails.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -4,5 +4,5 @@ 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"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d09999e9"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -10,5 +10,5 @@ function _sfc_render(_ctx, _cache) {
|
|||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fdeeb5e5"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/address/address.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fdeeb5e5"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/address/address.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -15,5 +15,5 @@ const _sfc_main = {
|
|||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-641af6de"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/productmain/productmain.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-641af6de"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/productmain/productmain.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -15,5 +15,5 @@ const _sfc_main = {
|
|||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-b7001184"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/servicemain/servicemain.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-b7001184"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/servicemain/servicemain.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -3,10 +3,17 @@ 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 {};
|
||||
return {
|
||||
a: common_vendor.o(goto)
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-60893f73"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/AppointmentHome.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-60893f73"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/booking/AppointmentHome.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
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"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/booking/BillingOfFees/BillingOfFees.vue"]]);
|
||||
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;
|
||||
}
|
||||
|
|
@ -4,5 +4,5 @@ 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"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/ContactInformation.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-43413e24"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/booking/ContactInformation.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -4,5 +4,5 @@ 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"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/date.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f815bf4c"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/booking/date.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -15,5 +15,5 @@ const _sfc_main = {
|
|||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-41854f8b"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/home/home/home.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-41854f8b"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/home/home/home.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -1,8 +1,25 @@
|
|||
"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-8172b2ba"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/mine/main/main.vue"]]);
|
||||
const _sfc_main = {
|
||||
__name: "main",
|
||||
setup(__props) {
|
||||
const items = common_vendor.ref([null, null, null, null, null]);
|
||||
const items_1 = common_vendor.ref([null, null, null, null, null, null, null, null]);
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.f(items.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
};
|
||||
}),
|
||||
b: common_vendor.f(items_1.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
};
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-8172b2ba"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/mine/main/main.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col page data-v-8172b2ba"><view class="flex-row justify-center items-end group data-v-8172b2ba"><image class="image data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=c6a8c76ad09308a15eabe4f0e432b5d8.png"/><view class="flex-col group_2 data-v-8172b2ba"><text class="self-start text data-v-8172b2ba">默认用户</text><view class="flex-col justify-start items-center self-stretch text-wrapper mt-6 data-v-8172b2ba"><text class="font text_2 data-v-8172b2ba">剩余积分：0</text></view></view><view class="flex-col justify-start items-center text-wrapper_2 data-v-8172b2ba"><text class="font text_3 data-v-8172b2ba">优惠卷：0 张</text></view></view><view class="flex-col mt-45 data-v-8172b2ba"><view class="flex-row equal-division data-v-8172b2ba"><view class="flex-col items-center section section_1 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=86891c2a1d3cd7e9ad8ec9ac6f0a6224.png"/><text class="font text_4 data-v-8172b2ba">总订单</text></view><view class="flex-col items-center section section_6 ml-17 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=0690c462710dfee0dec347c8f9c3b1c5.png"/><text class="font text_1 data-v-8172b2ba">待付款</text></view><view class="flex-col items-center section equal-division-item_2 ml-17 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=700f5ccfeefc6846274157a3a74aaa40.png"/><text class="font data-v-8172b2ba">待发货</text></view><view class="flex-col items-center section equal-division-item_2 ml-17 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=f0db0e3a604b764cb513b4a63d89142a.png"/><text class="font data-v-8172b2ba">待收货</text></view><view class="flex-col items-start section section_3 ml-17 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=d21cfba248af89d85c54a231f8e8d2a7.png"/><text class="font text_9 data-v-8172b2ba">退款/售后</text></view></view><view class="flex-col list mt-27 data-v-8172b2ba"><view class="flex-row justify-between items-center section_4 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_3 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=51ca8598d22e11502bd5b9691542ff69.png"/><text class="font_2 ml-4 data-v-8172b2ba">地址列表</text></view><image class="image_4 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=2703c94ee6907434f49a8ef92bbd8b79.png"/></view><view class="flex-row justify-between items-center section_4 mt-27 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_3 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=3dfd39007b1a62403cca36442f44cbf6.png"/><text class="font_2 text_5 ml-5 data-v-8172b2ba">联系人列表</text></view><image class="image_4 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=2703c94ee6907434f49a8ef92bbd8b79.png"/></view><view class="flex-row justify-between items-center section_2 mt-27 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_3 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=aaa71b80b36b1105abb2df0709f45cf4.png"/><text class="font_2 text_6 ml-7 data-v-8172b2ba">设置</text></view><image class="image_4 image_5 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=2703c94ee6907434f49a8ef92bbd8b79.png"/></view></view></view></view>
|
||||
<view class="flex-row relative page data-v-8172b2ba"><view class="flex-row items-center section pos_8 data-v-8172b2ba"><text class="text data-v-8172b2ba">商品</text><view class="flex-row items-center section_2 ml-15 data-v-8172b2ba"><image class="image data-v-8172b2ba" src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=9be8d37ecdad5a4ae97f3017b8b13575.png"/><input class="text-wrapper ml-3 data-v-8172b2ba" placeholder="请输入内容"/></view></view><view class="flex-col justify-start items-center image-wrapper pos_1 data-v-8172b2ba"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=c19b431d73c59a746bd217b8a353ca67.png"/></view><view class="flex-col justify-start section_3 pos_9 data-v-8172b2ba"><view class="flex-col group data-v-8172b2ba"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-col items-center list-item mt-5 data-v-8172b2ba"><image class="image_3 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=4b46c006ee9f8388c51d11f8b462c8f5.png"/><text class="font_4 mt-3 data-v-8172b2ba">材料包</text></view></view></view><view class="flex-col justify-start section_4 pos_4 data-v-8172b2ba"><view class="flex-col items-start section_5 data-v-8172b2ba"><text class="font_2 data-v-8172b2ba">材料包</text><text class="font_3 text_3 mt-6 data-v-8172b2ba">提供材料自行DIY</text></view></view><view class="flex-col pos_5 data-v-8172b2ba"><scroll-view scroll-y class="scrollable-content data-v-8172b2ba"><view wx:for="{{b}}" wx:for-item="item" wx:key="a" class="flex-row section_9 list-item_2 mt-5 data-v-8172b2ba"><image class="self-center image_4 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=682a9a6efb91272ba3486d226ba35cca.png"/><view class="flex-col items-start self-center group_3 data-v-8172b2ba"><text class="font_2 text_5 data-v-8172b2ba">琉璃发体验包</text><text class="font_3 mt-13 data-v-8172b2ba">非遗材料包，匠心独运</text><text class="font mt-13 data-v-8172b2ba">￥750</text></view><image class="self-start image_5 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=36a97f4b57f481cce8fb5a8fdc202943.png"/></view></scroll-view></view></view>
|
||||
|
|
@ -401,155 +401,178 @@ text.data-v-8172b2ba {
|
|||
.mt-100.data-v-8172b2ba {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.mt-45.data-v-8172b2ba {
|
||||
margin-top: 84.38rpx;
|
||||
.scrollable-content.data-v-8172b2ba {
|
||||
height: 56vh;
|
||||
/* 100px 是头部和底部的高度之和 */
|
||||
}
|
||||
.ml-17.data-v-8172b2ba {
|
||||
margin-left: 31.88rpx;
|
||||
.ml-15.data-v-8172b2ba {
|
||||
margin-left: 28.13rpx;
|
||||
}
|
||||
.ml-5.data-v-8172b2ba {
|
||||
margin-left: 9.38rpx;
|
||||
.ml-3.data-v-8172b2ba {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
.mt-27.data-v-8172b2ba {
|
||||
margin-top: 50.63rpx;
|
||||
.mt-3.data-v-8172b2ba {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.ml-7.data-v-8172b2ba {
|
||||
margin-left: 13.13rpx;
|
||||
.mt-13.data-v-8172b2ba {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
.mt-5.data-v-8172b2ba {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
.page.data-v-8172b2ba {
|
||||
padding: 78.75rpx 9.38rpx 675rpx;
|
||||
background-color: #fff9ed;
|
||||
background-color: #f5f5dc;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
.group.data-v-8172b2ba {
|
||||
padding: 0 20.63rpx;
|
||||
.section.data-v-8172b2ba {
|
||||
padding: 22.5rpx 39.28rpx 16.88rpx;
|
||||
background-color: #f7de98;
|
||||
}
|
||||
.image.data-v-8172b2ba {
|
||||
border-radius: 50%;
|
||||
width: 150rpx;
|
||||
height: 151.88rpx;
|
||||
}
|
||||
.group_2.data-v-8172b2ba {
|
||||
margin-left: 33.75rpx;
|
||||
.pos_8.data-v-8172b2ba {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.text.data-v-8172b2ba {
|
||||
color: #000000;
|
||||
color: #c1651a;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 34.91rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 36.19rpx;
|
||||
}
|
||||
.section_2.data-v-8172b2ba {
|
||||
padding: 5.63rpx 15rpx 8.44rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.13rpx;
|
||||
height: 63.75rpx;
|
||||
width: 500.69rpx;
|
||||
}
|
||||
.image.data-v-8172b2ba {
|
||||
width: 50.63rpx;
|
||||
height: 50.63rpx;
|
||||
}
|
||||
.text-wrapper.data-v-8172b2ba {
|
||||
padding: 23.34rpx 0 23.85rpx;
|
||||
background-color: #ffbe74;
|
||||
border-radius: 18.75rpx;
|
||||
width: 221.25rpx;
|
||||
margin-right: 17.42rpx;
|
||||
}
|
||||
.font.data-v-8172b2ba {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.34rpx;
|
||||
color: #000000;
|
||||
font-family: STFangsong;
|
||||
line-height: 18rpx;
|
||||
color: #ff0000;
|
||||
}
|
||||
.text_2.data-v-8172b2ba {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 25.93rpx;
|
||||
.image-wrapper.data-v-8172b2ba {
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.13rpx;
|
||||
overflow: hidden;
|
||||
border: solid 9.38rpx #ffffff;
|
||||
}
|
||||
.text-wrapper_2.data-v-8172b2ba {
|
||||
margin-left: 24.38rpx;
|
||||
padding: 23.27rpx 0 23.85rpx;
|
||||
background-color: #ffbe74;
|
||||
border-radius: 18.75rpx;
|
||||
width: 221.25rpx;
|
||||
height: 73.13rpx;
|
||||
}
|
||||
.text_3.data-v-8172b2ba {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 26.03rpx;
|
||||
}
|
||||
.equal-division.data-v-8172b2ba {
|
||||
margin-right: 3.77rpx;
|
||||
}
|
||||
.section.data-v-8172b2ba {
|
||||
flex: 1 1 120rpx;
|
||||
}
|
||||
.section_1.data-v-8172b2ba {
|
||||
padding: 5.44rpx 0 20.42rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
height: 146.25rpx;
|
||||
.pos_1.data-v-8172b2ba {
|
||||
position: absolute;
|
||||
left: 22.5rpx;
|
||||
right: 24.38rpx;
|
||||
top: 118.13rpx;
|
||||
}
|
||||
.image_2.data-v-8172b2ba {
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
}
|
||||
.text_4.data-v-8172b2ba {
|
||||
line-height: 24.07rpx;
|
||||
}
|
||||
.section_6.data-v-8172b2ba {
|
||||
padding: 5.44rpx 0 20.34rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
height: 146.25rpx;
|
||||
}
|
||||
.text_1.data-v-8172b2ba {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.equal-division-item_2.data-v-8172b2ba {
|
||||
padding: 5.44rpx 0 20.32rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
height: 146.25rpx;
|
||||
width: 91.25vw;
|
||||
height: 37.5vw;
|
||||
}
|
||||
.section_3.data-v-8172b2ba {
|
||||
padding: 5.44rpx 0 20.51rpx 10.22rpx;
|
||||
padding: 8.44rpx 5.63rpx 750rpx;
|
||||
background-color: #f7de98;
|
||||
width: 151.88rpx;
|
||||
}
|
||||
.pos_9.data-v-8172b2ba {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 440.63rpx;
|
||||
}
|
||||
.group.data-v-8172b2ba {
|
||||
margin: auto;
|
||||
width: 137.81rpx;
|
||||
}
|
||||
.list-item.data-v-8172b2ba {
|
||||
padding: 11.25rpx 0 9.94rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
height: 146.25rpx;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.text_9.data-v-8172b2ba {
|
||||
font-size: 24.38rpx;
|
||||
line-height: 22.52rpx;
|
||||
}
|
||||
.list.data-v-8172b2ba {
|
||||
padding-left: 22.5rpx;
|
||||
padding-right: 16.88rpx;
|
||||
}
|
||||
.section_4.data-v-8172b2ba {
|
||||
margin-right: 5.63rpx;
|
||||
padding: 22.5rpx 26.27rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
.list-item.data-v-8172b2ba:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3.data-v-8172b2ba {
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
.font_2.data-v-8172b2ba {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.69rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.image_4.data-v-8172b2ba {
|
||||
margin-right: 5.61rpx;
|
||||
border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
|
||||
width: 48.75rpx;
|
||||
height: 48.75rpx;
|
||||
}
|
||||
.text_5.data-v-8172b2ba {
|
||||
line-height: 27.86rpx;
|
||||
.font_4.data-v-8172b2ba {
|
||||
font-size: 30rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 28.26rpx;
|
||||
color: #c1651a;
|
||||
}
|
||||
.section_2.data-v-8172b2ba {
|
||||
margin-left: 5.63rpx;
|
||||
padding: 22.5rpx 20.63rpx;
|
||||
.section_4.data-v-8172b2ba {
|
||||
padding-bottom: 879.38rpx;
|
||||
background-color: #f8e8c1;
|
||||
border-radius: 0rpx 18.75rpx 0rpx 0rpx;
|
||||
width: 600.13rpx;
|
||||
}
|
||||
.pos_4.data-v-8172b2ba {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 440.63rpx;
|
||||
}
|
||||
.section_5.data-v-8172b2ba {
|
||||
padding: 18.06rpx 16.24rpx 14.94rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 18.75rpx;
|
||||
border-radius: 0rpx 18.75rpx 0rpx 0rpx;
|
||||
width: 598.13rpx;
|
||||
}
|
||||
.text_6.data-v-8172b2ba {
|
||||
line-height: 27.11rpx;
|
||||
.font_2.data-v-8172b2ba {
|
||||
font-size: 30rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 28.26rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_3.data-v-8172b2ba {
|
||||
font-size: 22.5rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 21.56rpx;
|
||||
color: #727272;
|
||||
}
|
||||
.text_3.data-v-8172b2ba {
|
||||
line-height: 21.15rpx;
|
||||
}
|
||||
.pos_5.data-v-8172b2ba {
|
||||
position: absolute;
|
||||
right: 15rpx;
|
||||
top: 543.75rpx;
|
||||
}
|
||||
.section_9.data-v-8172b2ba {
|
||||
padding: 20.63rpx 22.88rpx 22.5rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 9.38rpx;
|
||||
right: 13.13rpx;
|
||||
}
|
||||
.list-item_2.data-v-8172b2ba:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_4.data-v-8172b2ba {
|
||||
border-radius: 9.38rpx;
|
||||
width: 131.25rpx;
|
||||
height: 131.25rpx;
|
||||
}
|
||||
.group_3.data-v-8172b2ba {
|
||||
margin-left: 24.84rpx;
|
||||
}
|
||||
.text_5.data-v-8172b2ba {
|
||||
line-height: 28.65rpx;
|
||||
}
|
||||
.image_5.data-v-8172b2ba {
|
||||
margin-right: 11.27rpx;
|
||||
margin: 75rpx 5.63rpx 0 107.96rpx;
|
||||
border-radius: 9.38rpx;
|
||||
width: 56.25rpx;
|
||||
height: 56.25rpx;
|
||||
}
|
||||
|
|
@ -15,5 +15,5 @@ const _sfc_main = {
|
|||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-41495ba5"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/order/product-close/product-close.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-41495ba5"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/order/product-close/product-close.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -4,5 +4,5 @@ const _sfc_main = {};
|
|||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8a444854"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/order/product-unpay/product-unpay.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8a444854"], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/order/product-unpay/product-unpay.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -1,66 +1,25 @@
|
|||
// pages/store-home/main/main.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
__name: "main",
|
||||
setup(__props) {
|
||||
const items = common_vendor.ref([null, null, null, null, null]);
|
||||
const items_1 = common_vendor.ref([null, null, null, null, null, null, null, null]);
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.f(items.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
};
|
||||
}),
|
||||
b: common_vendor.f(items_1.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
};
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
})
|
||||
};
|
||||
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,2 +1 @@
|
|||
<!--pages/store-home/main/main.wxml-->
|
||||
<text>pages/store-home/main/main.wxml</text>
|
||||
<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="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=c19b431d73c59a746bd217b8a353ca67.png"/></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="a" class="flex-col items-center list-item mt-5 data-v-7e3c386d"><image class="image_3 data-v-7e3c386d" src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=4b46c006ee9f8388c51d11f8b462c8f5.png"/><text class="font_4 mt-3 data-v-7e3c386d">材料包</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="a" class="flex-row section_9 list-item_2 mt-5 data-v-7e3c386d"><image class="self-center image_4 data-v-7e3c386d" src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=682a9a6efb91272ba3486d226ba35cca.png"/><view class="flex-col items-start self-center group_3 data-v-7e3c386d"><text class="font_2 text_5 data-v-7e3c386d">琉璃发体验包</text><text class="font_3 mt-13 data-v-7e3c386d">非遗材料包，匠心独运</text><text class="font mt-13 data-v-7e3c386d">￥750</text></view><image class="self-start image_5 data-v-7e3c386d" src="https://ide.code.fun/api/image?token=671134c30a3d780012a6a0cb&name=36a97f4b57f481cce8fb5a8fdc202943.png"/></view></scroll-view></view></view>
|
||||
578
unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxss
vendored
Normal file
578
unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxss
vendored
Normal file
|
|
@ -0,0 +1,578 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 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;
|
||||
}
|
||||
|
|
@ -4,5 +4,5 @@ const _sfc_main = {};
|
|||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/store-home/products/product-detail.vue"]]);
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/微信小程序/jiangchengfeiyi-xiaochengxu/pages/store-home/products/product-detail.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "3.6.2",
|
||||
"libVersion": "3.6.3",
|
||||
"appid": "wxbcb1cf9951fa17c8",
|
||||
"projectname": "FeiYi",
|
||||
"condition": {},
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user