admin1/jiangchengfeiyi-xiaochengxu
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

收货地址信息、购物车、商品详情，本地图片+样式完毕

Browse Source
This commit is contained in:
yuanteng0011 2024-10-19 00:55:25 +08:00
parent 92d29a2edd
commit bc491f8fb0
49 changed files with 1114 additions and 780 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
pages.json
View File

@ -1,5 +1,6 @@
{
"pages": [
{
"path" : "pages/home/home",
"style" :
@ -64,13 +65,7 @@
"navigationBarTitleText" : ""
}
},
{
"path" : "pages/Shopping-cart/ReceivingInformation/ReceivingInformation",
"style" :
{
"navigationBarTitleText" : ""
}
},
{
"path" : "pages/Shopping-cart/Contact/Contact",
"style" :
@ -130,6 +125,13 @@
{
"navigationBarTitleText" : ""
}
},
{
"path" : "pages/Shopping-cart/ReceivingInformation/ReceivingInformation",
"style" :
{
"navigationBarTitleText" : ""
}
}
],
"globalStyle": {

280
pages/Shopping-cart/ReceivingInformation/ReceivingInformation.vue
View File

@ -1,44 +1,35 @@
<template>
<view class="flex-col page">
<view class="flex-col page">
<view class="flex-col group">
<text class="self-start font text">收货信息</text>
<text class="self-start font_2 text">收货信息</text>
<view class="flex-col self-stretch section mt-15">
<view class="flex-row items-center group_2">
<text class="font">收货人</text>
<view class="flex-col justify-start items-start flex-1 text-wrapper ml-27">
<text class="font text_2">请输入姓名</text>
</view>
<text class="font_2">收货人</text>
<input class="text-wrapper ml-27" placeholder="请输入姓名" />
</view>
<view class="flex-row items-center group_3">
<text class="font text_3">手机号码</text>
<view class="ml-12 flex-col justify-start items-start flex-1 text-wrapper_2">
<text class="font text_4">15888610253</text>
</view>
<text class="font_2 text_3">手机号码</text>
<input class="text-wrapper_2 ml-12" :value="15888610253" placeholder="请输入手机号码" />
</view>
<view class="flex-row items-center group_4">
<text class="font text_5">所在地区</text>
<text class="font_2 text_5">所在地区</text>
<view class="flex-col justify-start flex-1 relative group_5 ml-13">
<view class="flex-col justify-start items-start text-wrapper_3">
<text class="font text_6">黑龙江/哈尔滨/呼兰区</text>
</view>
<input class="text-wrapper_3" />
<image
class="image pos"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3e2a31d894d6e2dc87b84024e8b30588.png"
src="https://ide.code.fun/api/image?token=67129056333411001274117b&name=8e3367aacd1814a70862602117adf69a.png"
/>
</view>
</view>
<view class="flex-row items-center group_6">
<text class="font text_7">详细地址</text>
<view class="flex-col items-start flex-1 section_2 ml-13">
<text class="font_2">利民开发区学院路288号哈尔滨华德</text>
<text class="mt-2 font_2">学院</text>
</view>
<text class="font_2 text_7">详细地址</text>
<textarea class="section_2 ml-12" value="利民开发区学院路288号哈尔滨华德学院" placeholder="输入详细地址" />
</view>
<view class="flex-row justify-between items-center group_7">
<text class="font">设为默认收货地址</text>
<text class="font_2">设为默认收货地址</text>
<image
class="image_2"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"
src="https://ide.code.fun/api/image?token=67129056333411001274117b&name=e203b4dc8e651412f3cf963bb5454732.png"
/>
</view>
</view>
@ -46,158 +37,137 @@
<view class="flex-col justify-start items-center section_3 mt-462">
<view class="flex-col justify-start items-center text-wrapper_4"><text class="text_8">保存并使用</text></view>
</view>
</view>
</view>
</template>
<script>
</script>
<style lang="scss" scoped>
.mt-15 {
margin-top: 28.63rpx;
}
.ml-27 {
margin-left: 51.53rpx;
}
.ml-13 {
margin-left: 24.81rpx;
}
.mt-462 {
margin-top: 881.68rpx;
}
.page {
padding-top: 26.72rpx;
.mt-15 {
margin-top: 28.13rpx;
}
.ml-27 {
margin-left: 50.63rpx;
}
.ml-13 {
margin-left: 24.38rpx;
}
.mt-462 {
margin-top: 866.25rpx;
}
.page {
padding-top: 26.44rpx;
background-color: #fffaf0;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.group {
padding: 0 20.99rpx;
}
.font {
font-size: 26.72rpx;
height: 100vh;
overflow: hidden;
}
.group {
padding: 0 23.4rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 24.77rpx;
line-height: 24.34rpx;
color: #323232;
}
.text {
line-height: 24.92rpx;
}
.section {
margin-right: 9.54rpx;
padding-left: 26.72rpx;
padding-right: 11.45rpx;
}
.text {
line-height: 24.49rpx;
}
.section {
margin-left: 2.85rpx;
margin-right: 14.1rpx;
padding-left: 20.49rpx;
padding-right: 15.13rpx;
background-color: #fffef8;
border-radius: 9.54rpx;
border-left: solid 1.91rpx #818181;
border-right: solid 1.91rpx #818181;
border-top: solid 1.91rpx #818181;
border-bottom: solid 1.91rpx #818181;
}
.group_2 {
padding: 22.9rpx 3.82rpx 11.45rpx;
border-bottom: solid 1.91rpx #efefef;
}
.text-wrapper {
margin-right: 30.53rpx;
padding: 11.45rpx 0;
background-color: #fffef8;
height: 45.8rpx;
}
.text_2 {
margin-left: 15.27rpx;
color: #acacac;
line-height: 24.71rpx;
}
.group_3 {
padding: 15.27rpx 3.82rpx;
border-bottom: solid 1.91rpx #efefef;
}
.text_3 {
line-height: 24.6rpx;
}
.text-wrapper_2 {
margin-right: 30.53rpx;
padding: 15.27rpx 0;
background-color: #fffef8;
height: 45.8rpx;
}
.text_4 {
margin-left: 19.08rpx;
line-height: 19.64rpx;
}
.group_4 {
padding: 11.45rpx 3.82rpx;
border-bottom: solid 1.91rpx #efefef;
}
.text_5 {
line-height: 24.64rpx;
}
.group_5 {
margin-right: 11.45rpx;
}
.text-wrapper_3 {
margin-right: 17.18rpx;
padding: 11.45rpx 0;
background-color: #fffef8;
}
.text_6 {
margin-left: 15.27rpx;
line-height: 24.83rpx;
}
.image {
width: 49.62rpx;
height: 49.62rpx;
}
.pos {
border-radius: 9.38rpx;
border: solid 1.88rpx #818181;
}
.group_2 {
padding: 24.24rpx 4.65rpx 12.19rpx;
border-bottom: solid 1.88rpx #efefef;
}
.text-wrapper {
flex: 1 1 0;
margin-right: 29.1rpx;
}
.group_3 {
padding: 14.06rpx 5.04rpx 12.19rpx;
border-bottom: solid 1.88rpx #efefef;
}
.text_3 {
line-height: 24.17rpx;
}
.text-wrapper_2 {
flex: 1 1 0;
margin-right: 28.71rpx;
}
.group_4 {
padding: 12.19rpx 4.29rpx 10.31rpx;
border-bottom: solid 1.88rpx #efefef;
}
.text_5 {
line-height: 24.21rpx;
}
.group_5 {
margin-right: 12.58rpx;
}
.text-wrapper_3 {
margin-right: 16.88rpx;
}
.image {
width: 48.75rpx;
height: 48.75rpx;
}
.pos {
position: absolute;
right: 0;
bottom: 0;
}
.group_6 {
padding: 15.27rpx 3.82rpx 7.63rpx;
border-bottom: solid 1.91rpx #efefef;
}
.text_7 {
line-height: 24.69rpx;
}
.section_2 {
margin-right: 19.08rpx;
padding: 7.63rpx 15.27rpx;
}
.group_6 {
padding: 14.06rpx 4.8rpx 8.44rpx;
border-bottom: solid 1.88rpx #efefef;
}
.text_7 {
line-height: 24.26rpx;
}
.section_2 {
width: 300rpx;
height: 150rpx;
flex: 1 1 0;
margin-right: 19.57rpx;
}
.group_7 {
padding: 25.31rpx 4.88rpx 32.01rpx;
}
.image_2 {
margin-right: 19.5rpx;
width: 33.75rpx;
height: 33.75rpx;
}
.section_3 {
position: fixed;
left: 0;
right: 0;
bottom: 0;
margin-right: 13.13rpx;
padding: 16.88rpx 0;
background-color: #fffef8;
height: 83.97rpx;
}
.font_2 {
font-size: 26.72rpx;
font-family: Open Sans;
line-height: 32.44rpx;
color: #323232;
}
.group_7 {
padding: 26.72rpx 3.82rpx 34.35rpx;
}
.image_2 {
margin-right: 19.08rpx;
width: 34.35rpx;
height: 34.35rpx;
}
.section_3 {
padding: 17.18rpx 0;
background-color: #fffef8;
}
.text-wrapper_4 {
padding: 26.72rpx 0;
}
.text-wrapper_4 {
padding: 27.24rpx 0 23.61rpx;
background-color: #ffa948;
border-radius: 47.71rpx;
width: 629.77rpx;
}
.text_8 {
border-radius: 46.88rpx;
width: 618.75rpx;
}
.text_8 {
color: #ffffff;
font-size: 30.53rpx;
font-size: 30rpx;
font-family: Open Sans;
line-height: 28.4rpx;
}
line-height: 27.9rpx;
}
@import url(../../../common/css/global.css);
</style>

142
pages/Shopping-cart/productmain/productmain.vue
View File

@ -10,50 +10,50 @@
<view class="self-start section_2"></view>
</view>
<view class="flex-col list">
<view class="flex-col mt-10 list-item section_3" v-for="(item, index) in items" :key="index">
<view class="flex-col mt-10 list-item section_3" v-for="(item, index) in products" :key="index" >
<view class="flex-row">
<image
class="self-start image_4"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=a2def3a82a38998ae0686f132a02f94f.png"
:src="item.select_img"
/>
<image
class="image image_2"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=ece79e7a9c745b4953d1f268e0c2096c.png"
class="image image_2" @click="jump_product"
:src="item.product_img"
/>
<view class="flex-col self-start group_2">
<view class="flex-row group_3">
<text class="font_2">非遗绒花</text>
<text class="ml-4 font_2">【材料包】</text>
<view class="flex-row group_3" @click="jump_product">
<text class="font_2">{{ item.product_name }}</text>
<text class="ml-4 font_2">【{{ item.product_type }}】</text>
</view>
<view class="flex-col section_4">
<text class="self-start font_3 text_3">已选种类：紫色</text>
<text class="self-start font_3 text_3">已选种类：{{ item.selected_style }}</text>
<image
class="shrink-0 self-end image_3"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=ca9cf42222294d2fd1264864434d6576.png"
:src="item.pull_img"
/>
</view>
</view>
</view>
<view class="mt-10 flex-row justify-end items-center group_4">
<view class="flex-row items-center">
<text class="font_4 text_4">138.</text>
<text class="font_4 text_4">{{ item.product_price }}</text>
<image
class="shrink-0 image_7"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=b394eb4b1d40284e55eab0b7e3ef2da3.png"
:src="rmb"
/>
<text class="font_5 text_5">00</text>
<text class="font_5 text_5">.00</text>
</view>
<view class="flex-row ml-79">
<image
class="image_5"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=9d8478d42d790ba0ecf60a8cb7cf8f23.png"
:src="short"
/>
<view class="ml-2 flex-col justify-start items-center text-wrapper_2">
<text class="font_6 text_6">1</text>
<text class="font_6 text_6">{{ item.product_num }}</text>
</view>
<image
class="ml-2 image_6"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=c0868803ec8c20a8c962be98aa974c4e.png"
:src="add"
/>
</view>
</view>
@ -64,7 +64,7 @@
<view class="flex-row items-center">
<image
class="shrink-0 image_9"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=3f81d5886d1e216ce7cc53687e0c5499.png"
:src="choose"
/>
<text class="ml-10 font text_7">全选</text>
</view>
@ -77,24 +77,99 @@
import {
ref
} from 'vue'
import product_img from '@/pages/Shopping-cart/productmain/img/productimg.png';
import add from '@/pages/Shopping-cart/productmain/img/add.png';
import choose from '@/pages/Shopping-cart/productmain/img/choose.png';
import choosed from '@/pages/Shopping-cart/productmain/img/choosed.png';
import pull from '@/pages/Shopping-cart/productmain/img/pull.png';
import rmb from '@/pages/Shopping-cart/productmain/img/rmb.png';
import short from '@/pages/Shopping-cart/productmain/img/short.png';
const items = ref([null, null, null, null, null, null, null])
// const products = ref([
// {
// "product_name" : "非遗绒花",
// "product_type" : "材料包",
// "selected_style" : "紫色",
// "product_num" : 1,
// "product_price" : 138,
// "product_img" : product_img,
// "pull_img" : pull_img,
// "select_img" : select_img,
// "rmb_img" : rmb_img,
// "min_img" : min_img,
// "add_img" : add_img
// }
// ])
const products = ref([
{
"product_name" : "非遗绒花",
"product_type" : "材料包",
"selected_style" : "紫色",
"product_num" : 1,
"product_price" : 138,
"product_img" : product_img,
"pull_img" : pull,
"select_img" : choose,
"rmb_img" : rmb,
"min_img" : short,
"add_img" : add
},
{
"product_name" : "非遗绒花",
"product_type" : "材料包",
"selected_style" : "紫色",
"product_num" : 1,
"product_price" : 138,
"product_img" : product_img,
"pull_img" : pull,
"select_img" : choose,
"rmb_img" : rmb,
"min_img" : short,
"add_img" : add
},
{
"product_name" : "非遗绒花",
"product_type" : "材料包",
"selected_style" : "紫色",
"product_num" : 1,
"product_price" : 138,
"product_img" : product_img,
"pull_img" : pull,
"select_img" : choose,
"rmb_img" : rmb,
"min_img" : short,
"add_img" : add
},
{
"product_name" : "非遗绒花",
"product_type" : "材料包",
"selected_style" : "紫色",
"product_num" : 1,
"product_price" : 138,
"product_img" : product_img,
"pull_img" : pull,
"select_img" : choose,
"rmb_img" : rmb,
"min_img" : short,
"add_img" : add
},
{
"product_name" : "非遗绒花",
"product_type" : "材料包",
"selected_style" : "紫色",
"product_num" : 1,
"product_price" : 138,
"product_img" : product_img,
"pull_img" : pull,
"select_img" : choose,
"rmb_img" : rmb,
"min_img" : short,
"add_img" : add
},
{
"product_name" : "非遗绒花",
"product_type" : "材料包",
"selected_style" : "紫色",
"product_num" : 1,
"product_price" : 138,
"product_img" : product_img,
"pull_img" : pull,
"select_img" : choose,
"rmb_img" : rmb,
"min_img" : short,
"add_img" : add
}
])
const jump_product =()=>{
uni.navigateTo({
url:'../../../pages/store-home/ProductDetails/ProductDetails'
})
}
</script>
<style lang="scss" scoped>
@ -145,6 +220,7 @@
}
.list {
// background-color: ;
padding: 9.35rpx 18.75rpx 9.35rpx 18.75rpx ;
padding-bottom: 200rpx;
}

12
pages/home/home.vue
View File

@ -34,7 +34,7 @@
</view>
<view class="flex-row equal-division">
<view class="flex-col section_4 equal-division-item">
<view class="flex-col items-start self-stretch">
<view class="flex-col items-start self-stretch" @click="jump_product">
<image
class="image_4"
:src="product"
@ -147,8 +147,12 @@ import you from '@/pages/home/img/you.png'
const items = ref( [null, null, null])
const items_1 = ref( [null, null, null])
const items_2 = ref( [null, null, null])
const jump_product =()=>{
uni.navigateTo({
url:'../../pages/store-home/ProductDetails/ProductDetails'
})
}
</script>
<style lang="scss" scoped>
@ -187,7 +191,7 @@ const items_2 = ref( [null, null, null])
}
.section_3 {
padding: 15rpx 30rpx 13.13rpx;
background-image: url('https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=d2d686bc17d9d76e7b320e5a4ea70952.png');
background-image: url('https://s21.ax1x.com/2024/10/18/pAUf6aT.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
@ -208,7 +212,7 @@ const items_2 = ref( [null, null, null])
}
.section_2 {
padding: 15rpx 26.25rpx 13.13rpx;
background-image: url('https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=aa376a23521cc37d71891264189a3902.png');
background-image: url('https://s21.ax1x.com/2024/10/18/pAUfrq0.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width: 371.25rpx;

24
pages/mine/main/main.vue
View File

@ -3,7 +3,7 @@
<view class="flex-row section">
<image
class="self-center image"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=0b3be9e190714fe7225c82c0f5306f47.png"
:src="avator"
/>
<view class="flex-col self-start group">
<text class="self-start text">默认用户</text>
@ -20,35 +20,35 @@
<view class="flex-col items-center group_3 group_1">
<image
class="image_2"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=64bdcc7a92031a8a9606da5994f1dee9.png"
:src="dingdan"
/>
<text class="font text_4">总订单</text>
</view>
<view class="flex-col items-center group_3 group_4">
<image
class="image_2"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=7bdff53fb8496af1f03108834ffe5433.png"
:src="qianbao"
/>
<text class="font text_1">待付款</text>
</view>
<view class="flex-col items-center group_3 group_5">
<image
class="image_2"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=700f5ccfeefc6846274157a3a74aaa40.png"
:src="daifahuo"
/>
<text class="font">待发货</text>
</view>
<view class="flex-col items-start group_3 group_6">
<image
class="image_2"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=89e6c083cff33b4a8f79db95fb56e8ae.png"
:src="daishouhuo"
/>
<text class="font">待收货</text>
</view>
<view class="flex-col items-center group_3 group_7">
<image
class="image_2"
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/fc55df993ef8fcd0f6ccd520ca456ffc.png"
:src="tuikuan"
/>
<text class="font text_9">退款/售后</text>
</view>
@ -58,13 +58,13 @@
<view class="flex-row items-center">
<image
class="shrink-0 image_3"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=46c6f4fbbfa4bff1d37a50199aae7c2d.png"
:src="address"
/>
<text class="font_2 ml-5">地址列表</text>
</view>
<image
class="image_4 image_5"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=2c743c962fad52268183fda762d7ebb7.png"
:src="you"
/>
</view>
<view class="list-divider mt-5"></view>
@ -72,13 +72,13 @@
<view class="flex-row items-center">
<image
class="shrink-0 image_3"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=87933dcff87625612a60896bb94482c2.png"
:src="lianxiren_s"
/>
<text class="font_2 text_5 ml-5">联系人列表</text>
</view>
<image
class="image_6"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=9d9b06d0113f9972eff0c5b19d511e39.png"
:src="you"
/>
</view>
<view class="list-divider mt-5"></view>
@ -86,13 +86,13 @@
<view class="flex-row items-center">
<image
class="shrink-0 image_8"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=aaa71b80b36b1105abb2df0709f45cf4.png"
:src="setting_s"
/>
<text class="font_2 text_6 ml-7">设置</text>
</view>
<image
class="image_4 image_7"
src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=2c743c962fad52268183fda762d7ebb7.png"
:src="you"
/>
</view>
</view>

468
pages/store-home/ProductDetails/ProductDetails.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="flex-col page">
<view class="flex-col page">
<view class="flex-col">
<view class="flex-col">
<view class="flex-col section">
@ -10,77 +10,104 @@
</view>
<view class="self-start section_2"></view>
</view>
<image class="image"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c347f0e53bdcde04fa14098a49db40d4.png" />
<image
class="image"
:src="zhuye"
/>
</view>
<view class="mt-6 flex-row items-center group_2">
<view class="flex-row items-center group_2">
<view class="flex-col items-center">
<text class="font_2">图片</text>
<text class="mt-4 font_2">展示</text>
</view>
<view class="ml-2 flex-row justify-between equal-division">
<image class="equal-division-item"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=f58b5193e3ce117f4350960139d86a6d.png" />
<image class="equal-division-item"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=619af00ec54a5600292e36875c6bebd6.png" />
<image class="equal-division-item"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png" />
<image class="equal-division-item"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7a368aca7d0b74c3f87b5a9cd6185201.png" />
<image class="equal-division-item"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png" />
<image
class="equal-division-item"
:src="show1"
/>
<image
class="equal-division-item"
:src="show2"
/>
<image
class="equal-division-item"
:src="show3"
/>
<image
class="equal-division-item"
:src="show4"
/>
<image
class="equal-division-item"
:src="show3"
/>
</view>
</view>
<view class="mt-6 flex-col section_3">
<view class="flex-row justify-between self-start group_3">
<view class="flex-col items-start self-center">
<image class="image_2"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c3b21ef686b053bea12b883694c5a954.png" />
<text class="text_3 text_5 mt-5">琉璃发簪新手体验包</text>
<view class="flex-col group_3">
<view class="flex-col section_3">
<view class="self-start group_4">
<text class="text_3 text_5">￥</text>
<text class="text_3 text_4">750</text>
</view>
<view class="flex-row items-center self-start group_4">
<image class="shrink-0 image_3"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=b3cfc36dad1bb0c8277322ca9543babb.png" />
<text class="ml-4 font_3 text_3 text_4">中秋节限定</text>
<view class="flex-row justify-between items-center self-stretch group_5">
<text class="text_3 text_7">琉璃发簪新手体验包</text>
<view class="flex-row items-center group_6">
<image
class="shrink-0 image_2"
:src="denglong"
/>
<text class="ml-4 font_3 text_3 text_6">中秋节限定</text>
</view>
</view>
<view class="self-stretch divider"></view>
<view class="flex-col self-start group_5">
<view class="self-stretch divider view"></view>
<view class="flex-col self-start group_7">
<text class="self-stretch font_4 text_3">
商品简介：琉璃发簪便是汉代美人常常佩戴的发饰之一。琉璃
<br />
商品简介：{{ detail }}
<!-- <br /> -->
</text>
<text class="mt-2 self-stretch font_4 text_3">发簪不仅美观大方，还有 着深厚的文化底蕴。购买体验包，</text>
<text class="mt-2 self-start font_4 text_3">即可体验古代文化。</text>
<!-- <text class="mt-2 self-stretch font_4 text_3">发簪不仅美观大方，还有 着深厚的文化底蕴。购买体验包，</text>
<text class="mt-2 self-start font_4 text_3">即可体验古代文化。</text> -->
</view>
<view class="self-stretch divider"></view>
<view class="flex-row items-center self-start group_6">
<text class="font_4 text_3 text_6">商品标签:</text>
<view class="self-stretch divider view_2"></view>
<view class="flex-row items-center self-stretch group_8">
<text class="font_3 text_3 text_8">商品标签:</text>
<view class="flex-col justify-start items-center text-wrapper ml-7">
<text class="font_5 text_7">#发簪</text>
</view>
<view class="flex-col justify-start text-wrapper_2 ml-7"><text class="font_5 text_8">#送亲友</text>
<text class="font_5 text_9">#{{ arr_tag[0] }}</text>
</view>
<view class="flex-col justify-start text-wrapper_2 ml-7"><text class="font_5 text_10">#{{ arr_tag[1] }}</text></view>
<view class="flex-col justify-start text-wrapper_2 ml-7">
<text class="font_5 text_8 text_9">#体验包</text>
<text class="font_5 text_10 text_11">#{{ arr_tag[2] }}</text>
</view>
<view class="flex-col justify-start items-center text-wrapper_3 ml-7"><text
class="font_5">#友情</text></view>
<view class="flex-col justify-start items-center text-wrapper_3 ml-7"><text class="font_5">#{{ arr_tag[3] }}</text></view>
</view>
</view>
<view class="mt-12 flex-col section_4">
<text class="self-start font text_12">用户须知</text>
<text class="self-start font_3 text_13">1.发货后不接受退货、不接受7天无理由退货</text>
<text class="self-start font_3 text_14">2.商品购买后无法自主退款，需联系客服进行退款处理</text>
<text class="self-stretch font_4 text_15">
3.定制款商品购买后不接受退货退款，包售后需要录制开箱视频，并且开箱视频需要从拆包装开始
</text>
<text class="self-start font_3 text_16">4.商品售罄后的款式也可以重新预定，需等待并联系客服</text>
<text class="self-start font_3 text_17">5.定制商品的具体发货日期根据制作团队制作情况而定</text>
<text class="self-start font_3 text_18">6.只售后邮寄破损</text>
</view>
</view>
</view>
<view class="flex-col mt-268">
<text class="self-start font_3 text_10">商品详情</text>
<view class="flex-col justify-start self-stretch section_4 mt-15">
<view class="flex-row items-center section_5">
<view class="mt-38 flex-col">
<text class="self-start font text_19">商品详情</text>
<view class="flex-col justify-start self-stretch section_5 mt-15">
<view class="flex-row items-center section_6">
<view class="flex-col items-center shrink-0">
<image class="image_4"
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=9139c9f83913be1d1e83cf86dd7a40b2.png" />
<image
class="image_3"
:src="kefu"
/>
<text class="font_5 mt-3">客服</text>
</view>
<view class="ml-34 flex-row flex-1">
<view class="flex-col justify-start items-center text-wrapper_4">
<text class="font_6 text_11">加入购物车</text>
<text class="font_6 text_20">加入购物车</text>
</view>
<view class="flex-col justify-start items-center text-wrapper_5 ml-9">
<text class="font_6">立即购买</text>
@ -89,188 +116,185 @@
</view>
</view>
</view>
</view>
</view>
</template>
<script>
<script setup>
import {ref} from 'vue'
import denglong from '@/pages/store-home/ProductDetails/img/denglong.png';
import haibao from '@/pages/store-home/ProductDetails/img/haibao.png';
import kefu from '@/pages/store-home/ProductDetails/img/kefu.png';
import show1 from '@/pages/store-home/ProductDetails/img/show1.png';
import show2 from '@/pages/store-home/ProductDetails/img/show2.png';
import show3 from '@/pages/store-home/ProductDetails/img/show3.png';
import show4 from '@/pages/store-home/ProductDetails/img/show4.png';
import zhuye from '@/pages/store-home/ProductDetails/img/zhuye.png';
const value = ref(750)
const product_name = ref('琉璃发簪新手体验包')
const detail = ref('琉璃发簪便是汉代美人常常佩戴的发饰之一。琉璃发簪不仅美观大方，还有 着深厚的文化底蕴。购买体验包，即可体验古代文化。')
const arr_tag = ref(['发簪','送亲友','体验包','友情'])
</script>
<style lang="scss" scoped>
.mt-5 {
margin-top: 9.38rpx;
}
.ml-7 {
.ml-7 {
margin-left: 13.13rpx;
}
.mt-268 {
margin-top: 502.5rpx;
}
.mt-15 {
}
.mt-15 {
margin-top: 28.13rpx;
}
.mt-3 {
}
.mt-3 {
margin-top: 5.63rpx;
}
.ml-9 {
}
.ml-9 {
margin-left: 16.88rpx;
}
.page {
}
.page {
padding-bottom: 331.88rpx;
background-color: #fffef8;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section {
}
.section {
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 0 82.5rpx 15rpx;
background-color: #a0522d;
position: fixed;
width: 100%;
top: 0;
}
.group {
}
.group {
padding: 30rpx 0 11.25rpx 3.75rpx;
}
.font {
}
.font {
font-size: 30rpx;
font-family: Open Sans;
line-height: 27.66rpx;
color: #fffef8;
}
.text {
}
.text {
line-height: 27.6rpx;
}
.text_2 {
}
.text_2 {
line-height: 27.64rpx;
}
.section_2 {
}
.section_2 {
background-color: #ffa700;
width: 69.38rpx;
height: 5.63rpx;
}
.image {
}
.image {
margin-top: 85rpx;
width: 100vw;
height: 48vw;
}
.group_2 {
}
.group_2 {
margin-top: 11.25rpx;
padding: 0 22.5rpx;
}
.font_2 {
}
.font_2 {
font-size: 30rpx;
font-family: Open Sans;
line-height: 35.63rpx;
color: #000000;
}
.equal-division {
}
.equal-division {
flex: 1 1 0;
margin-right: 11.25rpx;
}
.equal-division-item {
}
.equal-division-item {
border-radius: 18.75rpx;
width: 105rpx;
height: 91.88rpx;
}
.section_3 {
padding-left: 20.63rpx;
}
.group_3 {
margin-top: 22.5rpx;
}
.section_3 {
padding-left: 18.75rpx;
padding-top: 22.5rpx;
background-color: #fffaf0;
border-radius: 18.75rpx;
border-left: solid 1.88rpx #00000033;
border-right: solid 1.88rpx #00000033;
border-top: solid 1.88rpx #00000033;
border-bottom: solid 1.88rpx #00000033;
}
.group_3 {
padding: 15rpx 0;
width: 731.38rpx;
}
.image_2 {
margin-left: 7.5rpx;
width: 93.75rpx;
height: 58.13rpx;
}
.group_4 {
}
.group_4 {
margin-left: 11.25rpx;
line-height: 30.77rpx;
}
.group_5 {
margin-top: 18.75rpx;
}
.group_6 {
margin-right: 22.5rpx;
margin-top: 60rpx;
}
.image_3 {
}
.image_2 {
width: 33.75rpx;
height: 33.75rpx;
}
.font_3 {
font-size: 30rpx;
}
.font_3 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 27.66rpx;
line-height: 24.88rpx;
color: #323232;
}
.divider {
margin-right: 35.63rpx;
}
.divider {
background-color: #00000033;
height: 1.88rpx;
}
.group_5 {
}
.view {
margin-right: 37.5rpx;
margin-top: 18.75rpx;
}
.group_7 {
padding: 15rpx 0 11.25rpx;
width: 734.01rpx;
}
.font_4 {
}
.font_4 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 31.88rpx;
color: #323232;
}
.text_3 {
}
.text_3 {
text-shadow: 0 1.88rpx #fffaf0, 0 -1.88rpx #fffaf0, 1.88rpx 0 #fffaf0, -1.88rpx 0 #fffaf0;
}
.text_4 {
}
.text_6 {
font-size: 28.13rpx;
line-height: 26.03rpx;
}
.text_5 {
}
.text_7 {
color: #323232;
font-size: 33.75rpx;
font-family: Open Sans;
line-height: 31.46rpx;
}
.group_6 {
}
.text_4 {
color: #ff0000;
font-size: 45rpx;
font-family: FangSong;
line-height: 30.77rpx;
}
.text_5 {
color: #ff0000;
font-size: 26.25rpx;
font-family: FangSong;
line-height: 18.36rpx;
}
.view_2 {
margin-right: 37.5rpx;
}
.group_8 {
padding: 16.88rpx 0 22.5rpx;
}
.text_6 {
}
.text_8 {
color: #000000;
line-height: 24.28rpx;
}
.text-wrapper {
}
.text-wrapper {
padding: 7.5rpx 0;
background-color: #ffb35a;
border-radius: 9.38rpx;
@ -280,20 +304,17 @@
border-right: solid 1.88rpx #00000033;
border-top: solid 1.88rpx #00000033;
border-bottom: solid 1.88rpx #00000033;
}
.font_5 {
}
.font_5 {
font-size: 22.5rpx;
font-family: Open Sans;
line-height: 20.72rpx;
color: #323232;
}
.text_7 {
}
.text_9 {
line-height: 20.85rpx;
}
.text-wrapper_2 {
}
.text-wrapper_2 {
padding: 7.5rpx 0;
background-color: #ffb35a;
border-radius: 9.38rpx;
@ -302,17 +323,14 @@
border-right: solid 1.88rpx #00000033;
border-top: solid 1.88rpx #00000033;
border-bottom: solid 1.88rpx #00000033;
}
.text_8 {
}
.text_10 {
margin: 0 7.5rpx;
}
.text_9 {
}
.text_11 {
line-height: 20.83rpx;
}
.text-wrapper_3 {
}
.text-wrapper_3 {
padding: 7.5rpx 0;
background-color: #ffb35a;
border-radius: 9.38rpx;
@ -322,59 +340,93 @@
border-right: solid 1.88rpx #00000033;
border-top: solid 1.88rpx #00000033;
border-bottom: solid 1.88rpx #00000033;
}
.text_10 {
}
.section_4 {
padding: 22.5rpx 11.25rpx 37.5rpx;
background-color: #fffaf0;
border-radius: 18.75rpx;
border-left: solid 1.88rpx #818181;
border-right: solid 1.88rpx #818181;
border-top: solid 1.88rpx #818181;
border-bottom: solid 1.88rpx #818181;
}
.text_12 {
color: #000000;
line-height: 27.94rpx;
text-decoration: underline;
}
.text_13 {
margin-left: 11.25rpx;
margin-top: 22.5rpx;
line-height: 24.34rpx;
}
.text_14 {
margin-left: 11.25rpx;
margin-top: 22.5rpx;
}
.text_15 {
margin: 18.75rpx 7.5rpx 0;
}
.text_16 {
margin-left: 7.5rpx;
margin-top: 15rpx;
line-height: 24.96rpx;
}
.text_17 {
margin-left: 11.25rpx;
margin-top: 26.25rpx;
line-height: 24.39rpx;
}
.text_18 {
margin-left: 11.25rpx;
margin-top: 26.25rpx;
line-height: 24.3rpx;
}
.text_19 {
margin-left: 15rpx;
color: #323232;
line-height: 27.69rpx;
}
.section_4 {
}
.section_5 {
padding: 45rpx 0 3838.13rpx;
background-image: url('https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=23b7db846e029260305e0604be9e8e8a.png');
background-image: url('https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=d47bc18dff7946c7b9090b5677af68d6.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.section_5 {
padding: 15rpx 26.25rpx;
background-color: #f8e8c1;
}
.section_6 {
position: fixed;
bottom: 0;
width: 100%;
}
.image_4 {
left: 0;
right: 0;
padding: 15rpx 26.25rpx;
background-color: #f8e8c1;
}
.image_3 {
width: 46.88rpx;
height: 46.88rpx;
}
.text-wrapper_4 {
}
.text-wrapper_4 {
padding: 22.5rpx 0;
flex: 1 1 283.13rpx;
background-color: #ffcd46;
border-radius: 93.75rpx;
height: 71.25rpx;
}
.font_6 {
}
.font_6 {
font-size: 30rpx;
font-family: Open Sans;
line-height: 27.66rpx;
color: #ffffff;
}
.text_11 {
}
.text_20 {
line-height: 27.79rpx;
}
.text-wrapper_5 {
}
.text-wrapper_5 {
padding: 22.5rpx 0;
flex: 1 1 283.13rpx;
background-color: #ff2d3d;
border-radius: 93.75rpx;
height: 71.25rpx;
}
}
@import url(../../../common/css/global.css);
</style>

BIN
pages/store-home/ProductDetails/img/denglong.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
pages/store-home/ProductDetails/img/haibao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 988 KiB

BIN
pages/store-home/ProductDetails/img/kefu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
pages/store-home/ProductDetails/img/show1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
pages/store-home/ProductDetails/img/show2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
pages/store-home/ProductDetails/img/show3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
pages/store-home/ProductDetails/img/show4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
pages/store-home/ProductDetails/img/zhuye.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

BIN
pages/store-home/main/img/sousuokuang.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

5
pages/store-home/main/main.vue
View File

@ -4,7 +4,7 @@
<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" />
:src="sousuokuang" />
<input class="text-wrapper ml-3" placeholder="请输入内容" />
</view>
</view>
@ -56,6 +56,7 @@
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';
import sousuokuang from '@/pages/store-home/main/img/sousuokuang.png';
const sort = ref([{
name: "材料包",
imgurl: img1
@ -132,7 +133,7 @@
}]
const tap =()=> {
uni.navigateTo({
url: '../../../pages/Shopping-cart/ProductDetails/ProductDetails'
url: '../../../pages/store-home/ProductDetails/ProductDetails'
})
}
</script>

2
unpackage/dist/dev/mp-weixin/app.js vendored
View File

@ -11,7 +11,6 @@ if (!Math) {
"./pages/booking/ContactInformation.js";
"./pages/booking/date.js";
"./pages/store-home/ProductDetails/ProductDetails.js";
"./pages/Shopping-cart/ReceivingInformation/ReceivingInformation.js";
"./pages/Shopping-cart/Contact/Contact.js";
"./pages/Shopping-cart/address/address.js";
"./pages/order/product-close/product-close.js";
@ -20,6 +19,7 @@ if (!Math) {
"./pages/booking/BillingOfFees/BillingOfFees.js";
"./pages/booking/ReservationInstructions/ReservationInstructions.js";
"./pages/booking/respectable/respectable.js";
"./pages/Shopping-cart/ReceivingInformation/ReceivingInformation.js";
}
const _sfc_main = {};
function _sfc_render(_ctx, _cache) {

4
unpackage/dist/dev/mp-weixin/app.json vendored
View File

@ -9,7 +9,6 @@
"pages/booking/ContactInformation",
"pages/booking/date",
"pages/store-home/ProductDetails/ProductDetails",
"pages/Shopping-cart/ReceivingInformation/ReceivingInformation",
"pages/Shopping-cart/Contact/Contact",
"pages/Shopping-cart/address/address",
"pages/order/product-close/product-close",
@ -17,7 +16,8 @@
"pages/order/product-unpay/product-unpay",
"pages/booking/BillingOfFees/BillingOfFees",
"pages/booking/ReservationInstructions/ReservationInstructions",
"pages/booking/respectable/respectable"
"pages/booking/respectable/respectable",
"pages/Shopping-cart/ReceivingInformation/ReceivingInformation"
],
"window": {
"navigationBarTextStyle": "black",

BIN
unpackage/dist/dev/mp-weixin/assets/add.c73b1e4b.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 688 B

BIN
unpackage/dist/dev/mp-weixin/assets/choose.f501b5d4.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 911 B

BIN
unpackage/dist/dev/mp-weixin/assets/choosed.ea32c69c.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/denglong.a91d13af.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/haibao.2883ea9c.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 988 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/kefu.eef0848c.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/productimg.a8fe2d32.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/pull.902be841.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 308 B

BIN
unpackage/dist/dev/mp-weixin/assets/rmb.6e85dd4a.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 545 B

BIN
unpackage/dist/dev/mp-weixin/assets/short.2191a0bf.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 494 B

BIN
unpackage/dist/dev/mp-weixin/assets/show1.6119e6ca.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/show2.6ef01c5d.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/show3.4b906849.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/show4.00c949b6.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/sousuokuang.6160c4c7.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
unpackage/dist/dev/mp-weixin/assets/zhuye.8d1ff27e.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

56
unpackage/dist/dev/mp-weixin/common/assets.js vendored
View File

@ -3,23 +3,71 @@ const product = "/assets/product.7900e336.png";
const rili = "/assets/rili.7746043b.png";
const xuanchuan = "/assets/xuanchuan.f0fc207c.png";
const shizi = "/assets/shizi.dd0347ec.png";
const you = "/assets/you.60391a00.png";
const you$1 = "/assets/you.60391a00.png";
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 product_img$1 = "/assets/shangpingtupian.ec8c0440.png";
const add_img = "/assets/tianjia.187834c9.png";
const sousuokuang = "/assets/sousuokuang.6160c4c7.png";
const address = "/assets/address.e91cc3a1.png";
const avator = "/assets/avator.7ac17437.png";
const daifahuo = "/assets/daifahuo.8369326b.png";
const daishouhuo = "/assets/daishouhuo.ff694766.png";
const dingdan = "/assets/dingdan.6b4043d6.png";
const lianxiren_s = "/assets/lianxiren_s.17e4954c.png";
const qianbao = "/assets/qianbao.bbfd6c3d.png";
const setting_s = "/assets/setting_s.3e5c5149.png";
const tuikuan = "/assets/tuikuan.d34aac5f.png";
const you = "/assets/you.70a370f0.png";
const product_img = "/assets/productimg.a8fe2d32.png";
const add = "/assets/add.c73b1e4b.png";
const choose = "/assets/choose.f501b5d4.png";
const pull = "/assets/pull.902be841.png";
const rmb = "/assets/rmb.6e85dd4a.png";
const short = "/assets/short.2191a0bf.png";
const denglong = "/assets/denglong.a91d13af.png";
const kefu = "/assets/kefu.eef0848c.png";
const show1 = "/assets/show1.6119e6ca.png";
const show2 = "/assets/show2.6ef01c5d.png";
const show3 = "/assets/show3.4b906849.png";
const show4 = "/assets/show4.00c949b6.png";
const zhuye = "/assets/zhuye.8d1ff27e.png";
exports.add = add;
exports.add_img = add_img;
exports.address = address;
exports.avator = avator;
exports.choose = choose;
exports.daifahuo = daifahuo;
exports.daishouhuo = daishouhuo;
exports.denglong = denglong;
exports.dingdan = dingdan;
exports.img1 = img1;
exports.img2 = img2;
exports.img3 = img3;
exports.img4 = img4;
exports.img5 = img5;
exports.kefu = kefu;
exports.lianxiren_s = lianxiren_s;
exports.product = product;
exports.product_img = product_img;
exports.product_img = product_img$1;
exports.product_img$1 = product_img;
exports.pull = pull;
exports.qianbao = qianbao;
exports.rili = rili;
exports.rmb = rmb;
exports.setting_s = setting_s;
exports.shizi = shizi;
exports.short = short;
exports.show1 = show1;
exports.show2 = show2;
exports.show3 = show3;
exports.show4 = show4;
exports.sousuokuang = sousuokuang;
exports.tuikuan = tuikuan;
exports.xuanchuan = xuanchuan;
exports.you = you;
exports.you = you$1;
exports.you$1 = you;
exports.zhuye = zhuye;

2
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.wxml vendored
View File

@ -1 +1 @@
<view class="flex-col page data-v-d09999e9"><view class="flex-col group data-v-d09999e9"><text class="self-start font text data-v-d09999e9">收货信息</text><view class="flex-col self-stretch section mt-15 data-v-d09999e9"><view class="flex-row items-center group_2 data-v-d09999e9"><text class="font data-v-d09999e9">收货人</text><view class="flex-col justify-start items-start flex-1 text-wrapper ml-27 data-v-d09999e9"><text class="font text_2 data-v-d09999e9">请输入姓名</text></view></view><view class="flex-row items-center group_3 data-v-d09999e9"><text class="font text_3 data-v-d09999e9">手机号码</text><view class="ml-12 flex-col justify-start items-start flex-1 text-wrapper_2 data-v-d09999e9"><text class="font text_4 data-v-d09999e9">15888610253</text></view></view><view class="flex-row items-center group_4 data-v-d09999e9"><text class="font text_5 data-v-d09999e9">所在地区</text><view class="flex-col justify-start flex-1 relative group_5 ml-13 data-v-d09999e9"><view class="flex-col justify-start items-start text-wrapper_3 data-v-d09999e9"><text class="font text_6 data-v-d09999e9">黑龙江/哈尔滨/呼兰区</text></view><image class="image pos data-v-d09999e9" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3e2a31d894d6e2dc87b84024e8b30588.png"/></view></view><view class="flex-row items-center group_6 data-v-d09999e9"><text class="font text_7 data-v-d09999e9">详细地址</text><view class="flex-col items-start flex-1 section_2 ml-13 data-v-d09999e9"><text class="font_2 data-v-d09999e9">利民开发区学院路288号哈尔滨华德</text><text class="mt-2 font_2 data-v-d09999e9">学院</text></view></view><view class="flex-row justify-between items-center group_7 data-v-d09999e9"><text class="font data-v-d09999e9">设为默认收货地址</text><image class="image_2 data-v-d09999e9" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"/></view></view></view><view class="flex-col justify-start items-center section_3 mt-462 data-v-d09999e9"><view class="flex-col justify-start items-center text-wrapper_4 data-v-d09999e9"><text class="text_8 data-v-d09999e9">保存并使用</text></view></view></view>
<view class="flex-col page data-v-d09999e9"><view class="flex-col group data-v-d09999e9"><text class="self-start font_2 text data-v-d09999e9">收货信息</text><view class="flex-col self-stretch section mt-15 data-v-d09999e9"><view class="flex-row items-center group_2 data-v-d09999e9"><text class="font_2 data-v-d09999e9">收货人</text><input class="text-wrapper ml-27 data-v-d09999e9" placeholder="请输入姓名"/></view><view class="flex-row items-center group_3 data-v-d09999e9"><text class="font_2 text_3 data-v-d09999e9">手机号码</text><input class="text-wrapper_2 ml-12 data-v-d09999e9" value="{{15888610253}}" placeholder="请输入手机号码"/></view><view class="flex-row items-center group_4 data-v-d09999e9"><text class="font_2 text_5 data-v-d09999e9">所在地区</text><view class="flex-col justify-start flex-1 relative group_5 ml-13 data-v-d09999e9"><input class="text-wrapper_3 data-v-d09999e9"/><image class="image pos data-v-d09999e9" src="https://ide.code.fun/api/image?token=67129056333411001274117b&name=8e3367aacd1814a70862602117adf69a.png"/></view></view><view class="flex-row items-center group_6 data-v-d09999e9"><text class="font_2 text_7 data-v-d09999e9">详细地址</text><textarea class="section_2 ml-12 data-v-d09999e9" value="利民开发区学院路288号哈尔滨华德学院" placeholder="输入详细地址"/></view><view class="flex-row justify-between items-center group_7 data-v-d09999e9"><text class="font_2 data-v-d09999e9">设为默认收货地址</text><image class="image_2 data-v-d09999e9" src="https://ide.code.fun/api/image?token=67129056333411001274117b&name=e203b4dc8e651412f3cf963bb5454732.png"/></view></view></view><view class="flex-col justify-start items-center section_3 mt-462 data-v-d09999e9"><view class="flex-col justify-start items-center text-wrapper_4 data-v-d09999e9"><text class="text_8 data-v-d09999e9">保存并使用</text></view></view></view>

133
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.wxss vendored
View File

@ -402,102 +402,82 @@ text.data-v-d09999e9 {
margin-top: 187.5rpx;
}
.mt-15.data-v-d09999e9 {
margin-top: 28.63rpx;
margin-top: 28.13rpx;
}
.ml-27.data-v-d09999e9 {
margin-left: 51.53rpx;
margin-left: 50.63rpx;
}
.ml-13.data-v-d09999e9 {
margin-left: 24.81rpx;
margin-left: 24.38rpx;
}
.mt-462.data-v-d09999e9 {
margin-top: 881.68rpx;
margin-top: 866.25rpx;
}
.page.data-v-d09999e9 {
padding-top: 26.72rpx;
padding-top: 26.44rpx;
background-color: #fffaf0;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
height: 100vh;
overflow: hidden;
}
.group.data-v-d09999e9 {
padding: 0 20.99rpx;
padding: 0 23.4rpx;
}
.font.data-v-d09999e9 {
font-size: 26.72rpx;
.font_2.data-v-d09999e9 {
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 24.77rpx;
line-height: 24.34rpx;
color: #323232;
}
.text.data-v-d09999e9 {
line-height: 24.92rpx;
line-height: 24.49rpx;
}
.section.data-v-d09999e9 {
margin-right: 9.54rpx;
padding-left: 26.72rpx;
padding-right: 11.45rpx;
margin-left: 2.85rpx;
margin-right: 14.1rpx;
padding-left: 20.49rpx;
padding-right: 15.13rpx;
background-color: #fffef8;
border-radius: 9.54rpx;
border-left: solid 1.91rpx #818181;
border-right: solid 1.91rpx #818181;
border-top: solid 1.91rpx #818181;
border-bottom: solid 1.91rpx #818181;
border-radius: 9.38rpx;
border: solid 1.88rpx #818181;
}
.group_2.data-v-d09999e9 {
padding: 22.9rpx 3.82rpx 11.45rpx;
border-bottom: solid 1.91rpx #efefef;
padding: 24.24rpx 4.65rpx 12.19rpx;
border-bottom: solid 1.88rpx #efefef;
}
.text-wrapper.data-v-d09999e9 {
margin-right: 30.53rpx;
padding: 11.45rpx 0;
background-color: #fffef8;
height: 45.8rpx;
}
.text_2.data-v-d09999e9 {
margin-left: 15.27rpx;
color: #acacac;
line-height: 24.71rpx;
flex: 1 1 0;
margin-right: 29.1rpx;
}
.group_3.data-v-d09999e9 {
padding: 15.27rpx 3.82rpx;
border-bottom: solid 1.91rpx #efefef;
padding: 14.06rpx 5.04rpx 12.19rpx;
border-bottom: solid 1.88rpx #efefef;
}
.text_3.data-v-d09999e9 {
line-height: 24.6rpx;
line-height: 24.17rpx;
}
.text-wrapper_2.data-v-d09999e9 {
margin-right: 30.53rpx;
padding: 15.27rpx 0;
background-color: #fffef8;
height: 45.8rpx;
}
.text_4.data-v-d09999e9 {
margin-left: 19.08rpx;
line-height: 19.64rpx;
flex: 1 1 0;
margin-right: 28.71rpx;
}
.group_4.data-v-d09999e9 {
padding: 11.45rpx 3.82rpx;
border-bottom: solid 1.91rpx #efefef;
padding: 12.19rpx 4.29rpx 10.31rpx;
border-bottom: solid 1.88rpx #efefef;
}
.text_5.data-v-d09999e9 {
line-height: 24.64rpx;
line-height: 24.21rpx;
}
.group_5.data-v-d09999e9 {
margin-right: 11.45rpx;
margin-right: 12.58rpx;
}
.text-wrapper_3.data-v-d09999e9 {
margin-right: 17.18rpx;
padding: 11.45rpx 0;
background-color: #fffef8;
}
.text_6.data-v-d09999e9 {
margin-left: 15.27rpx;
line-height: 24.83rpx;
margin-right: 16.88rpx;
}
.image.data-v-d09999e9 {
width: 49.62rpx;
height: 49.62rpx;
width: 48.75rpx;
height: 48.75rpx;
}
.pos.data-v-d09999e9 {
position: absolute;
@ -505,45 +485,44 @@ text.data-v-d09999e9 {
bottom: 0;
}
.group_6.data-v-d09999e9 {
padding: 15.27rpx 3.82rpx 7.63rpx;
border-bottom: solid 1.91rpx #efefef;
padding: 14.06rpx 4.8rpx 8.44rpx;
border-bottom: solid 1.88rpx #efefef;
}
.text_7.data-v-d09999e9 {
line-height: 24.69rpx;
line-height: 24.26rpx;
}
.section_2.data-v-d09999e9 {
margin-right: 19.08rpx;
padding: 7.63rpx 15.27rpx;
background-color: #fffef8;
height: 83.97rpx;
}
.font_2.data-v-d09999e9 {
font-size: 26.72rpx;
font-family: Open Sans;
line-height: 32.44rpx;
color: #323232;
width: 300rpx;
height: 150rpx;
flex: 1 1 0;
margin-right: 19.57rpx;
}
.group_7.data-v-d09999e9 {
padding: 26.72rpx 3.82rpx 34.35rpx;
padding: 25.31rpx 4.88rpx 32.01rpx;
}
.image_2.data-v-d09999e9 {
margin-right: 19.08rpx;
width: 34.35rpx;
height: 34.35rpx;
margin-right: 19.5rpx;
width: 33.75rpx;
height: 33.75rpx;
}
.section_3.data-v-d09999e9 {
padding: 17.18rpx 0;
position: fixed;
left: 0;
right: 0;
bottom: 0;
margin-right: 13.13rpx;
padding: 16.88rpx 0;
background-color: #fffef8;
}
.text-wrapper_4.data-v-d09999e9 {
padding: 26.72rpx 0;
padding: 27.24rpx 0 23.61rpx;
background-color: #ffa948;
border-radius: 47.71rpx;
width: 629.77rpx;
border-radius: 46.88rpx;
width: 618.75rpx;
}
.text_8.data-v-d09999e9 {
color: #ffffff;
font-size: 30.53rpx;
font-size: 30rpx;
font-family: Open Sans;
line-height: 28.4rpx;
line-height: 27.9rpx;
}

108
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.js vendored
View File

@ -1,16 +1,116 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const common_assets = require("../../../common/assets.js");
const _sfc_main = {
__name: "productmain",
setup(__props) {
const items = common_vendor.ref([null, null, null, null, null, null, null]);
common_vendor.ref([null, null, null, null, null, null, null]);
const products = common_vendor.ref([
{
"product_name": "非遗绒花",
"product_type": "材料包",
"selected_style": "紫色",
"product_num": 1,
"product_price": 138,
"product_img": common_assets.product_img$1,
"pull_img": common_assets.pull,
"select_img": common_assets.choose,
"rmb_img": common_assets.rmb,
"min_img": common_assets.short,
"add_img": common_assets.add
},
{
"product_name": "非遗绒花",
"product_type": "材料包",
"selected_style": "紫色",
"product_num": 1,
"product_price": 138,
"product_img": common_assets.product_img$1,
"pull_img": common_assets.pull,
"select_img": common_assets.choose,
"rmb_img": common_assets.rmb,
"min_img": common_assets.short,
"add_img": common_assets.add
},
{
"product_name": "非遗绒花",
"product_type": "材料包",
"selected_style": "紫色",
"product_num": 1,
"product_price": 138,
"product_img": common_assets.product_img$1,
"pull_img": common_assets.pull,
"select_img": common_assets.choose,
"rmb_img": common_assets.rmb,
"min_img": common_assets.short,
"add_img": common_assets.add
},
{
"product_name": "非遗绒花",
"product_type": "材料包",
"selected_style": "紫色",
"product_num": 1,
"product_price": 138,
"product_img": common_assets.product_img$1,
"pull_img": common_assets.pull,
"select_img": common_assets.choose,
"rmb_img": common_assets.rmb,
"min_img": common_assets.short,
"add_img": common_assets.add
},
{
"product_name": "非遗绒花",
"product_type": "材料包",
"selected_style": "紫色",
"product_num": 1,
"product_price": 138,
"product_img": common_assets.product_img$1,
"pull_img": common_assets.pull,
"select_img": common_assets.choose,
"rmb_img": common_assets.rmb,
"min_img": common_assets.short,
"add_img": common_assets.add
},
{
"product_name": "非遗绒花",
"product_type": "材料包",
"selected_style": "紫色",
"product_num": 1,
"product_price": 138,
"product_img": common_assets.product_img$1,
"pull_img": common_assets.pull,
"select_img": common_assets.choose,
"rmb_img": common_assets.rmb,
"min_img": common_assets.short,
"add_img": common_assets.add
}
]);
const jump_product = () => {
common_vendor.index.navigateTo({
url: "../../../pages/store-home/ProductDetails/ProductDetails"
});
};
return (_ctx, _cache) => {
return {
a: common_vendor.f(items.value, (item, index, i0) => {
a: common_vendor.f(products.value, (item, index, i0) => {
return {
a: index
a: item.select_img,
b: common_vendor.o(jump_product, index),
c: item.product_img,
d: common_vendor.t(item.product_name),
e: common_vendor.t(item.product_type),
f: common_vendor.o(jump_product, index),
g: common_vendor.t(item.selected_style),
h: item.pull_img,
i: common_vendor.t(item.product_price),
j: common_vendor.t(item.product_num),
k: index
};
})
}),
b: common_vendor.unref(common_assets.rmb),
c: common_vendor.unref(common_assets.short),
d: common_vendor.unref(common_assets.add),
e: common_vendor.unref(common_assets.choose)
};
};
}

2
unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.wxml vendored
View File

@ -1 +1 @@
<view class="flex-col page data-v-641af6de"><view class="flex-col data-v-641af6de"><view class="flex-col justify-start items-end text-wrapper data-v-641af6de"><text class="font text data-v-641af6de">编辑</text></view><view class="flex-col section data-v-641af6de"><view class="flex-row justify-between self-stretch group data-v-641af6de"><text class="font text_2 data-v-641af6de">商品类</text><text class="font data-v-641af6de">服务类</text></view><view class="self-start section_2 data-v-641af6de"></view></view><view class="flex-col list data-v-641af6de"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-col mt-10 list-item section_3 data-v-641af6de"><view class="flex-row data-v-641af6de"><image class="self-start image_4 data-v-641af6de" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=a2def3a82a38998ae0686f132a02f94f.png"/><image class="image image_2 data-v-641af6de" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=ece79e7a9c745b4953d1f268e0c2096c.png"/><view class="flex-col self-start group_2 data-v-641af6de"><view class="flex-row group_3 data-v-641af6de"><text class="font_2 data-v-641af6de">非遗绒花</text><text class="ml-4 font_2 data-v-641af6de">【材料包】</text></view><view class="flex-col section_4 data-v-641af6de"><text class="self-start font_3 text_3 data-v-641af6de">已选种类：紫色</text><image class="shrink-0 self-end image_3 data-v-641af6de" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=ca9cf42222294d2fd1264864434d6576.png"/></view></view></view><view class="mt-10 flex-row justify-end items-center group_4 data-v-641af6de"><view class="flex-row items-center data-v-641af6de"><text class="font_4 text_4 data-v-641af6de">138.</text><image class="shrink-0 image_7 data-v-641af6de" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=b394eb4b1d40284e55eab0b7e3ef2da3.png"/><text class="font_5 text_5 data-v-641af6de">00</text></view><view class="flex-row ml-79 data-v-641af6de"><image class="image_5 data-v-641af6de" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=9d8478d42d790ba0ecf60a8cb7cf8f23.png"/><view class="ml-2 flex-col justify-start items-center text-wrapper_2 data-v-641af6de"><text class="font_6 text_6 data-v-641af6de">1</text></view><image class="ml-2 image_6 data-v-641af6de" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=c0868803ec8c20a8c962be98aa974c4e.png"/></view></view></view></view></view><view class="flex-row justify-between items-center section_6 mt-243 data-v-641af6de"><view class="flex-row items-center data-v-641af6de"><image class="shrink-0 image_9 data-v-641af6de" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=3f81d5886d1e216ce7cc53687e0c5499.png"/><text class="ml-10 font text_7 data-v-641af6de">全选</text></view><view class="flex-col justify-start items-center text-wrapper_3 data-v-641af6de"><text class="text_8 data-v-641af6de">删除</text></view></view></view>
<view class="flex-col page data-v-641af6de"><view class="flex-col data-v-641af6de"><view class="flex-col justify-start items-end text-wrapper data-v-641af6de"><text class="font text data-v-641af6de">编辑</text></view><view class="flex-col section data-v-641af6de"><view class="flex-row justify-between self-stretch group data-v-641af6de"><text class="font text_2 data-v-641af6de">商品类</text><text class="font data-v-641af6de">服务类</text></view><view class="self-start section_2 data-v-641af6de"></view></view><view class="flex-col list data-v-641af6de"><view wx:for="{{a}}" wx:for-item="item" wx:key="k" class="flex-col mt-10 list-item section_3 data-v-641af6de"><view class="flex-row data-v-641af6de"><image class="self-start image_4 data-v-641af6de" src="{{item.a}}"/><image class="image image_2 data-v-641af6de" bindtap="{{item.b}}" src="{{item.c}}"/><view class="flex-col self-start group_2 data-v-641af6de"><view class="flex-row group_3 data-v-641af6de" bindtap="{{item.f}}"><text class="font_2 data-v-641af6de">{{item.d}}</text><text class="ml-4 font_2 data-v-641af6de">【{{item.e}}】</text></view><view class="flex-col section_4 data-v-641af6de"><text class="self-start font_3 text_3 data-v-641af6de">已选种类：{{item.g}}</text><image class="shrink-0 self-end image_3 data-v-641af6de" src="{{item.h}}"/></view></view></view><view class="mt-10 flex-row justify-end items-center group_4 data-v-641af6de"><view class="flex-row items-center data-v-641af6de"><text class="font_4 text_4 data-v-641af6de">{{item.i}}</text><image class="shrink-0 image_7 data-v-641af6de" src="{{b}}"/><text class="font_5 text_5 data-v-641af6de">.00</text></view><view class="flex-row ml-79 data-v-641af6de"><image class="image_5 data-v-641af6de" src="{{c}}"/><view class="ml-2 flex-col justify-start items-center text-wrapper_2 data-v-641af6de"><text class="font_6 text_6 data-v-641af6de">{{item.j}}</text></view><image class="ml-2 image_6 data-v-641af6de" src="{{d}}"/></view></view></view></view></view><view class="flex-row justify-between items-center section_6 mt-243 data-v-641af6de"><view class="flex-row items-center data-v-641af6de"><image class="shrink-0 image_9 data-v-641af6de" src="{{e}}"/><text class="ml-10 font text_7 data-v-641af6de">全选</text></view><view class="flex-col justify-start items-center text-wrapper_3 data-v-641af6de"><text class="text_8 data-v-641af6de">删除</text></view></view></view>

19
unpackage/dist/dev/mp-weixin/pages/home/home.js vendored
View File

@ -6,7 +6,11 @@ const _sfc_main = {
setup(__props) {
const items = common_vendor.ref([null, null, null]);
const items_1 = common_vendor.ref([null, null, null]);
common_vendor.ref([null, null, null]);
const jump_product = () => {
common_vendor.index.navigateTo({
url: "../../pages/store-home/ProductDetails/ProductDetails"
});
};
return (_ctx, _cache) => {
return {
a: common_vendor.f(items.value, (item, index, i0) => {
@ -18,19 +22,20 @@ const _sfc_main = {
c: common_vendor.unref(common_assets.rili),
d: common_vendor.unref(common_assets.you),
e: common_vendor.unref(common_assets.product),
f: common_vendor.unref(common_assets.product),
f: common_vendor.o(jump_product),
g: common_vendor.unref(common_assets.product),
h: common_vendor.unref(common_assets.you),
i: common_vendor.unref(common_assets.product),
h: common_vendor.unref(common_assets.product),
i: common_vendor.unref(common_assets.you),
j: common_vendor.unref(common_assets.product),
k: common_vendor.unref(common_assets.product),
l: common_vendor.unref(common_assets.you),
m: common_vendor.f(items_1.value, (item, index, i0) => {
l: common_vendor.unref(common_assets.product),
m: common_vendor.unref(common_assets.you),
n: common_vendor.f(items_1.value, (item, index, i0) => {
return {
a: index
};
}),
n: common_vendor.unref(common_assets.xuanchuan)
o: common_vendor.unref(common_assets.xuanchuan)
};
};
}

2
unpackage/dist/dev/mp-weixin/pages/home/home.wxml vendored
View File

@ -1 +1 @@
<view class="flex-col page data-v-07e72d3c"><swiper class="data-v-07e72d3c"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="a" class="data-v-07e72d3c"></swiper-item></swiper><view class="flex-col section data-v-07e72d3c"><view class="flex-col data-v-07e72d3c"><text class="self-start font text text_2 data-v-07e72d3c">热门精品</text><view class="flex-col justify-start items-end self-stretch relative mt-16 data-v-07e72d3c"><view class="flex-row items-center section_3 data-v-07e72d3c"><text class="font_2 text_4 data-v-07e72d3c">非遗工坊</text><image class="shrink-0 image_2 ml-13 data-v-07e72d3c" src="{{b}}"/></view><view class="flex-row items-center section_2 pos data-v-07e72d3c"><image class="image_2 data-v-07e72d3c" src="{{c}}"/><text class="font_2 text_3 ml-9 data-v-07e72d3c">写真预约</text></view></view></view><view class="flex-col group mt-24 data-v-07e72d3c"><view class="flex-row justify-between group_2 data-v-07e72d3c"><text class="self-center font_3 text text_5 data-v-07e72d3c">推荐商品</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{d}}"/></view></view><view class="flex-row equal-division data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{e}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{f}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{g}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between group_2 view data-v-07e72d3c"><text class="self-center font_3 text text_8 data-v-07e72d3c">推荐服务</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{h}}"/></view></view><view class="flex-row equal-division_2 data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{i}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{j}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{k}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between items-end group_4 data-v-07e72d3c"><text class="font text text_9 data-v-07e72d3c">活动资讯</text><view class="flex-row group_5 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{l}}"/></view></view></view><view class="flex-col list mt-24 data-v-07e72d3c"><view wx:for="{{m}}" wx:for-item="item" wx:key="a" class="flex-row items-center list-item data-v-07e72d3c"><view class="flex-col items-start flex-1 data-v-07e72d3c"><text class="font_5 text_13 data-v-07e72d3c">“五色五育”研学——端午香囊篇</text><text class="font_7 text_11 mt-13 data-v-07e72d3c">为进一步深入贯彻落实习近平总书记...</text><text class="font_8 text_15 mt-13 data-v-07e72d3c">2024-08-04</text></view><image class="shrink-0 image_5 ml-21 data-v-07e72d3c" src="{{n}}"/></view></view></view></view>
<view class="flex-col page data-v-07e72d3c"><swiper class="data-v-07e72d3c"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="a" class="data-v-07e72d3c"></swiper-item></swiper><view class="flex-col section data-v-07e72d3c"><view class="flex-col data-v-07e72d3c"><text class="self-start font text text_2 data-v-07e72d3c">热门精品</text><view class="flex-col justify-start items-end self-stretch relative mt-16 data-v-07e72d3c"><view class="flex-row items-center section_3 data-v-07e72d3c"><text class="font_2 text_4 data-v-07e72d3c">非遗工坊</text><image class="shrink-0 image_2 ml-13 data-v-07e72d3c" src="{{b}}"/></view><view class="flex-row items-center section_2 pos data-v-07e72d3c"><image class="image_2 data-v-07e72d3c" src="{{c}}"/><text class="font_2 text_3 ml-9 data-v-07e72d3c">写真预约</text></view></view></view><view class="flex-col group mt-24 data-v-07e72d3c"><view class="flex-row justify-between group_2 data-v-07e72d3c"><text class="self-center font_3 text text_5 data-v-07e72d3c">推荐商品</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{d}}"/></view></view><view class="flex-row equal-division data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c" bindtap="{{f}}"><image class="image_4 data-v-07e72d3c" src="{{e}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{g}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{h}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between group_2 view data-v-07e72d3c"><text class="self-center font_3 text text_8 data-v-07e72d3c">推荐服务</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{i}}"/></view></view><view class="flex-row equal-division_2 data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{j}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{k}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{l}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between items-end group_4 data-v-07e72d3c"><text class="font text text_9 data-v-07e72d3c">活动资讯</text><view class="flex-row group_5 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{m}}"/></view></view></view><view class="flex-col list mt-24 data-v-07e72d3c"><view wx:for="{{n}}" wx:for-item="item" wx:key="a" class="flex-row items-center list-item data-v-07e72d3c"><view class="flex-col items-start flex-1 data-v-07e72d3c"><text class="font_5 text_13 data-v-07e72d3c">“五色五育”研学——端午香囊篇</text><text class="font_7 text_11 mt-13 data-v-07e72d3c">为进一步深入贯彻落实习近平总书记...</text><text class="font_8 text_15 mt-13 data-v-07e72d3c">2024-08-04</text></view><image class="shrink-0 image_5 ml-21 data-v-07e72d3c" src="{{o}}"/></view></view></view></view>

4
unpackage/dist/dev/mp-weixin/pages/home/home.wxss vendored
View File

@ -436,7 +436,7 @@ text.data-v-07e72d3c {
}
.section_3.data-v-07e72d3c {
padding: 15rpx 30rpx 13.13rpx;
background-image: url("https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=d2d686bc17d9d76e7b320e5a4ea70952.png");
background-image: url("https://s21.ax1x.com/2024/10/18/pAUf6aT.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
@ -457,7 +457,7 @@ text.data-v-07e72d3c {
}
.section_2.data-v-07e72d3c {
padding: 15rpx 26.25rpx 13.13rpx;
background-image: url("https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=aa376a23521cc37d71891264189a3902.png");
background-image: url("https://s21.ax1x.com/2024/10/18/pAUfrq0.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width: 371.25rpx;

16
unpackage/dist/dev/mp-weixin/pages/mine/main/main.js vendored
View File

@ -1,10 +1,24 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const common_assets = require("../../../common/assets.js");
const _sfc_main = {
__name: "main",
setup(__props) {
return (_ctx, _cache) => {
return {};
return {
a: common_vendor.unref(common_assets.avator),
b: common_vendor.unref(common_assets.dingdan),
c: common_vendor.unref(common_assets.qianbao),
d: common_vendor.unref(common_assets.daifahuo),
e: common_vendor.unref(common_assets.daishouhuo),
f: common_vendor.unref(common_assets.tuikuan),
g: common_vendor.unref(common_assets.address),
h: common_vendor.unref(common_assets.you$1),
i: common_vendor.unref(common_assets.lianxiren_s),
j: common_vendor.unref(common_assets.you$1),
k: common_vendor.unref(common_assets.setting_s),
l: common_vendor.unref(common_assets.you$1)
};
};
}
};

2
unpackage/dist/dev/mp-weixin/pages/mine/main/main.wxml vendored
View File

@ -1 +1 @@
<view class="flex-col page data-v-8172b2ba"><view class="flex-row section data-v-8172b2ba"><image class="self-center image data-v-8172b2ba" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=0b3be9e190714fe7225c82c0f5306f47.png"/><view class="flex-col self-start group 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 self-start text-wrapper_2 data-v-8172b2ba"><text class="font text_3 data-v-8172b2ba">优惠卷：0 张</text></view></view><view class="flex-col relative group_2 data-v-8172b2ba"><view class="flex-row equal-division data-v-8172b2ba"><view class="flex-col items-center group_3 group_1 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=64bdcc7a92031a8a9606da5994f1dee9.png"/><text class="font text_4 data-v-8172b2ba">总订单</text></view><view class="flex-col items-center group_3 group_4 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=7bdff53fb8496af1f03108834ffe5433.png"/><text class="font text_1 data-v-8172b2ba">待付款</text></view><view class="flex-col items-center group_3 group_5 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=700f5ccfeefc6846274157a3a74aaa40.png"/><text class="font data-v-8172b2ba">待发货</text></view><view class="flex-col items-start group_3 group_6 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=89e6c083cff33b4a8f79db95fb56e8ae.png"/><text class="font data-v-8172b2ba">待收货</text></view><view class="flex-col items-center group_3 group_7 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/fc55df993ef8fcd0f6ccd520ca456ffc.png"/><text class="font text_9 data-v-8172b2ba">退款/售后</text></view></view><view class="flex-col mt-37 data-v-8172b2ba"><view class="flex-row justify-between items-center section_2 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=6711ccc71511d900114adddf&name=46c6f4fbbfa4bff1d37a50199aae7c2d.png"/><text class="font_2 ml-5 data-v-8172b2ba">地址列表</text></view><image class="image_4 image_5 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=2c743c962fad52268183fda762d7ebb7.png"/></view><view class="list-divider mt-5 data-v-8172b2ba"></view><view class="flex-row justify-between items-center section_4 mt-5 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=6711ccc71511d900114adddf&name=87933dcff87625612a60896bb94482c2.png"/><text class="font_2 text_5 ml-5 data-v-8172b2ba">联系人列表</text></view><image class="image_6 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=9d9b06d0113f9972eff0c5b19d511e39.png"/></view><view class="list-divider mt-5 data-v-8172b2ba"></view><view class="flex-row justify-between items-center list-item_2 mt-5 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_8 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=aaa71b80b36b1105abb2df0709f45cf4.png"/><text class="font_2 text_6 ml-7 data-v-8172b2ba">设置</text></view><image class="image_4 image_7 data-v-8172b2ba" src="https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=2c743c962fad52268183fda762d7ebb7.png"/></view></view></view></view>
<view class="flex-col page data-v-8172b2ba"><view class="flex-row section data-v-8172b2ba"><image class="self-center image data-v-8172b2ba" src="{{a}}"/><view class="flex-col self-start group 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 self-start text-wrapper_2 data-v-8172b2ba"><text class="font text_3 data-v-8172b2ba">优惠卷：0 张</text></view></view><view class="flex-col relative group_2 data-v-8172b2ba"><view class="flex-row equal-division data-v-8172b2ba"><view class="flex-col items-center group_3 group_1 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="{{b}}"/><text class="font text_4 data-v-8172b2ba">总订单</text></view><view class="flex-col items-center group_3 group_4 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="{{c}}"/><text class="font text_1 data-v-8172b2ba">待付款</text></view><view class="flex-col items-center group_3 group_5 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="{{d}}"/><text class="font data-v-8172b2ba">待发货</text></view><view class="flex-col items-start group_3 group_6 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="{{e}}"/><text class="font data-v-8172b2ba">待收货</text></view><view class="flex-col items-center group_3 group_7 data-v-8172b2ba"><image class="image_2 data-v-8172b2ba" src="{{f}}"/><text class="font text_9 data-v-8172b2ba">退款/售后</text></view></view><view class="flex-col mt-37 data-v-8172b2ba"><view class="flex-row justify-between items-center section_2 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_3 data-v-8172b2ba" src="{{g}}"/><text class="font_2 ml-5 data-v-8172b2ba">地址列表</text></view><image class="image_4 image_5 data-v-8172b2ba" src="{{h}}"/></view><view class="list-divider mt-5 data-v-8172b2ba"></view><view class="flex-row justify-between items-center section_4 mt-5 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_3 data-v-8172b2ba" src="{{i}}"/><text class="font_2 text_5 ml-5 data-v-8172b2ba">联系人列表</text></view><image class="image_6 data-v-8172b2ba" src="{{j}}"/></view><view class="list-divider mt-5 data-v-8172b2ba"></view><view class="flex-row justify-between items-center list-item_2 mt-5 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_8 data-v-8172b2ba" src="{{k}}"/><text class="font_2 text_6 ml-7 data-v-8172b2ba">设置</text></view><image class="image_4 image_7 data-v-8172b2ba" src="{{l}}"/></view></view></view></view>

33
unpackage/dist/dev/mp-weixin/pages/store-home/ProductDetails/ProductDetails.js vendored
View File

@ -1,8 +1,31 @@
"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-3361b524"]]);
const common_assets = require("../../../common/assets.js");
const _sfc_main = {
__name: "ProductDetails",
setup(__props) {
common_vendor.ref(750);
common_vendor.ref("琉璃发簪新手体验包");
const detail = common_vendor.ref("琉璃发簪便是汉代美人常常佩戴的发饰之一。琉璃发簪不仅美观大方，还有 着深厚的文化底蕴。购买体验包，即可体验古代文化。");
const arr_tag = common_vendor.ref(["发簪", "送亲友", "体验包", "友情"]);
return (_ctx, _cache) => {
return {
a: common_vendor.unref(common_assets.zhuye),
b: common_vendor.unref(common_assets.show1),
c: common_vendor.unref(common_assets.show2),
d: common_vendor.unref(common_assets.show3),
e: common_vendor.unref(common_assets.show4),
f: common_vendor.unref(common_assets.show3),
g: common_vendor.unref(common_assets.denglong),
h: common_vendor.t(detail.value),
i: common_vendor.t(arr_tag.value[0]),
j: common_vendor.t(arr_tag.value[1]),
k: common_vendor.t(arr_tag.value[2]),
l: common_vendor.t(arr_tag.value[3]),
m: common_vendor.unref(common_assets.kefu)
};
};
}
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-3361b524"]]);
wx.createPage(MiniProgramPage);

2
unpackage/dist/dev/mp-weixin/pages/store-home/ProductDetails/ProductDetails.wxml vendored
View File

@ -1 +1 @@
<view class="flex-col page data-v-3361b524"><view class="flex-col data-v-3361b524"><view class="flex-col data-v-3361b524"><view class="flex-col section data-v-3361b524"><view class="flex-row justify-between self-stretch group data-v-3361b524"><text class="font text data-v-3361b524">商品</text><text class="font data-v-3361b524">详情</text><text class="font text_2 data-v-3361b524">推荐</text></view><view class="self-start section_2 data-v-3361b524"></view></view><image class="image data-v-3361b524" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c347f0e53bdcde04fa14098a49db40d4.png"/></view><view class="mt-6 flex-row items-center group_2 data-v-3361b524"><view class="flex-col items-center data-v-3361b524"><text class="font_2 data-v-3361b524">图片</text><text class="mt-4 font_2 data-v-3361b524">展示</text></view><view class="ml-2 flex-row justify-between equal-division data-v-3361b524"><image class="equal-division-item data-v-3361b524" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=f58b5193e3ce117f4350960139d86a6d.png"/><image class="equal-division-item data-v-3361b524" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=619af00ec54a5600292e36875c6bebd6.png"/><image class="equal-division-item data-v-3361b524" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png"/><image class="equal-division-item data-v-3361b524" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7a368aca7d0b74c3f87b5a9cd6185201.png"/><image class="equal-division-item data-v-3361b524" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png"/></view></view><view class="mt-6 flex-col section_3 data-v-3361b524"><view class="flex-row justify-between self-start group_3 data-v-3361b524"><view class="flex-col items-start self-center data-v-3361b524"><image class="image_2 data-v-3361b524" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c3b21ef686b053bea12b883694c5a954.png"/><text class="text_3 text_5 mt-5 data-v-3361b524">琉璃发簪新手体验包</text></view><view class="flex-row items-center self-start group_4 data-v-3361b524"><image class="shrink-0 image_3 data-v-3361b524" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=b3cfc36dad1bb0c8277322ca9543babb.png"/><text class="ml-4 font_3 text_3 text_4 data-v-3361b524">中秋节限定</text></view></view><view class="self-stretch divider data-v-3361b524"></view><view class="flex-col self-start group_5 data-v-3361b524"><text class="self-stretch font_4 text_3 data-v-3361b524"> 商品简介：琉璃发簪便是汉代美人常常佩戴的发饰之一。琉璃 <view class="data-v-3361b524"/></text><text class="mt-2 self-stretch font_4 text_3 data-v-3361b524">发簪不仅美观大方，还有 着深厚的文化底蕴。购买体验包，</text><text class="mt-2 self-start font_4 text_3 data-v-3361b524">即可体验古代文化。</text></view><view class="self-stretch divider data-v-3361b524"></view><view class="flex-row items-center self-start group_6 data-v-3361b524"><text class="font_4 text_3 text_6 data-v-3361b524">商品标签:</text><view class="flex-col justify-start items-center text-wrapper ml-7 data-v-3361b524"><text class="font_5 text_7 data-v-3361b524">#发簪</text></view><view class="flex-col justify-start text-wrapper_2 ml-7 data-v-3361b524"><text class="font_5 text_8 data-v-3361b524">#送亲友</text></view><view class="flex-col justify-start text-wrapper_2 ml-7 data-v-3361b524"><text class="font_5 text_8 text_9 data-v-3361b524">#体验包</text></view><view class="flex-col justify-start items-center text-wrapper_3 ml-7 data-v-3361b524"><text class="font_5 data-v-3361b524">#友情</text></view></view></view></view><view class="flex-col mt-268 data-v-3361b524"><text class="self-start font_3 text_10 data-v-3361b524">商品详情</text><view class="flex-col justify-start self-stretch section_4 mt-15 data-v-3361b524"><view class="flex-row items-center section_5 data-v-3361b524"><view class="flex-col items-center shrink-0 data-v-3361b524"><image class="image_4 data-v-3361b524" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=9139c9f83913be1d1e83cf86dd7a40b2.png"/><text class="font_5 mt-3 data-v-3361b524">客服</text></view><view class="ml-34 flex-row flex-1 data-v-3361b524"><view class="flex-col justify-start items-center text-wrapper_4 data-v-3361b524"><text class="font_6 text_11 data-v-3361b524">加入购物车</text></view><view class="flex-col justify-start items-center text-wrapper_5 ml-9 data-v-3361b524"><text class="font_6 data-v-3361b524">立即购买</text></view></view></view></view></view></view>
<view class="flex-col page data-v-3361b524"><view class="flex-col data-v-3361b524"><view class="flex-col data-v-3361b524"><view class="flex-col section data-v-3361b524"><view class="flex-row justify-between self-stretch group data-v-3361b524"><text class="font text data-v-3361b524">商品</text><text class="font data-v-3361b524">详情</text><text class="font text_2 data-v-3361b524">推荐</text></view><view class="self-start section_2 data-v-3361b524"></view></view><image class="image data-v-3361b524" src="{{a}}"/></view><view class="flex-row items-center group_2 data-v-3361b524"><view class="flex-col items-center data-v-3361b524"><text class="font_2 data-v-3361b524">图片</text><text class="mt-4 font_2 data-v-3361b524">展示</text></view><view class="ml-2 flex-row justify-between equal-division data-v-3361b524"><image class="equal-division-item data-v-3361b524" src="{{b}}"/><image class="equal-division-item data-v-3361b524" src="{{c}}"/><image class="equal-division-item data-v-3361b524" src="{{d}}"/><image class="equal-division-item data-v-3361b524" src="{{e}}"/><image class="equal-division-item data-v-3361b524" src="{{f}}"/></view></view><view class="flex-col group_3 data-v-3361b524"><view class="flex-col section_3 data-v-3361b524"><view class="self-start group_4 data-v-3361b524"><text class="text_3 text_5 data-v-3361b524">￥</text><text class="text_3 text_4 data-v-3361b524">750</text></view><view class="flex-row justify-between items-center self-stretch group_5 data-v-3361b524"><text class="text_3 text_7 data-v-3361b524">琉璃发簪新手体验包</text><view class="flex-row items-center group_6 data-v-3361b524"><image class="shrink-0 image_2 data-v-3361b524" src="{{g}}"/><text class="ml-4 font_3 text_3 text_6 data-v-3361b524">中秋节限定</text></view></view><view class="self-stretch divider view data-v-3361b524"></view><view class="flex-col self-start group_7 data-v-3361b524"><text class="self-stretch font_4 text_3 data-v-3361b524"> 商品简介：{{h}} </text></view><view class="self-stretch divider view_2 data-v-3361b524"></view><view class="flex-row items-center self-stretch group_8 data-v-3361b524"><text class="font_3 text_3 text_8 data-v-3361b524">商品标签:</text><view class="flex-col justify-start items-center text-wrapper ml-7 data-v-3361b524"><text class="font_5 text_9 data-v-3361b524">#{{i}}</text></view><view class="flex-col justify-start text-wrapper_2 ml-7 data-v-3361b524"><text class="font_5 text_10 data-v-3361b524">#{{j}}</text></view><view class="flex-col justify-start text-wrapper_2 ml-7 data-v-3361b524"><text class="font_5 text_10 text_11 data-v-3361b524">#{{k}}</text></view><view class="flex-col justify-start items-center text-wrapper_3 ml-7 data-v-3361b524"><text class="font_5 data-v-3361b524">#{{l}}</text></view></view></view><view class="mt-12 flex-col section_4 data-v-3361b524"><text class="self-start font text_12 data-v-3361b524">用户须知</text><text class="self-start font_3 text_13 data-v-3361b524">1.发货后不接受退货、不接受7天无理由退货</text><text class="self-start font_3 text_14 data-v-3361b524">2.商品购买后无法自主退款，需联系客服进行退款处理</text><text class="self-stretch font_4 text_15 data-v-3361b524"> 3.定制款商品购买后不接受退货退款，包售后需要录制开箱视频，并且开箱视频需要从拆包装开始 </text><text class="self-start font_3 text_16 data-v-3361b524">4.商品售罄后的款式也可以重新预定，需等待并联系客服</text><text class="self-start font_3 text_17 data-v-3361b524">5.定制商品的具体发货日期根据制作团队制作情况而定</text><text class="self-start font_3 text_18 data-v-3361b524">6.只售后邮寄破损</text></view></view></view><view class="mt-38 flex-col data-v-3361b524"><text class="self-start font text_19 data-v-3361b524">商品详情</text><view class="flex-col justify-start self-stretch section_5 mt-15 data-v-3361b524"><view class="flex-row items-center section_6 data-v-3361b524"><view class="flex-col items-center shrink-0 data-v-3361b524"><image class="image_3 data-v-3361b524" src="{{m}}"/><text class="font_5 mt-3 data-v-3361b524">客服</text></view><view class="ml-34 flex-row flex-1 data-v-3361b524"><view class="flex-col justify-start items-center text-wrapper_4 data-v-3361b524"><text class="font_6 text_20 data-v-3361b524">加入购物车</text></view><view class="flex-col justify-start items-center text-wrapper_5 ml-9 data-v-3361b524"><text class="font_6 data-v-3361b524">立即购买</text></view></view></view></view></view></view>

143
unpackage/dist/dev/mp-weixin/pages/store-home/ProductDetails/ProductDetails.wxss vendored
View File

@ -401,15 +401,9 @@ text.data-v-3361b524 {
.mt-100.data-v-3361b524 {
margin-top: 187.5rpx;
}
.mt-5.data-v-3361b524 {
margin-top: 9.38rpx;
}
.ml-7.data-v-3361b524 {
margin-left: 13.13rpx;
}
.mt-268.data-v-3361b524 {
margin-top: 502.5rpx;
}
.mt-15.data-v-3361b524 {
margin-top: 28.13rpx;
}
@ -428,11 +422,12 @@ text.data-v-3361b524 {
height: 100%;
}
.section.data-v-3361b524 {
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 0 82.5rpx 15rpx;
background-color: #a0522d;
position: fixed;
width: 100%;
top: 0;
}
.group.data-v-3361b524 {
padding: 30rpx 0 11.25rpx 3.75rpx;
@ -455,10 +450,12 @@ text.data-v-3361b524 {
height: 5.63rpx;
}
.image.data-v-3361b524 {
margin-top: 85rpx;
width: 100vw;
height: 48vw;
}
.group_2.data-v-3361b524 {
margin-top: 11.25rpx;
padding: 0 22.5rpx;
}
.font_2.data-v-3361b524 {
@ -476,8 +473,12 @@ text.data-v-3361b524 {
width: 105rpx;
height: 91.88rpx;
}
.group_3.data-v-3361b524 {
margin-top: 22.5rpx;
}
.section_3.data-v-3361b524 {
padding-left: 20.63rpx;
padding-left: 18.75rpx;
padding-top: 22.5rpx;
background-color: #fffaf0;
border-radius: 18.75rpx;
border-left: solid 1.88rpx #00000033;
@ -485,35 +486,35 @@ text.data-v-3361b524 {
border-top: solid 1.88rpx #00000033;
border-bottom: solid 1.88rpx #00000033;
}
.group_3.data-v-3361b524 {
padding: 15rpx 0;
width: 731.38rpx;
.group_4.data-v-3361b524 {
margin-left: 11.25rpx;
line-height: 30.77rpx;
}
.group_5.data-v-3361b524 {
margin-top: 18.75rpx;
}
.group_6.data-v-3361b524 {
margin-right: 22.5rpx;
}
.image_2.data-v-3361b524 {
margin-left: 7.5rpx;
width: 93.75rpx;
height: 58.13rpx;
}
.group_4.data-v-3361b524 {
margin-right: 22.5rpx;
margin-top: 60rpx;
}
.image_3.data-v-3361b524 {
width: 33.75rpx;
height: 33.75rpx;
}
.font_3.data-v-3361b524 {
font-size: 30rpx;
font-size: 26.25rpx;
font-family: Open Sans;
line-height: 27.66rpx;
line-height: 24.88rpx;
color: #323232;
}
.divider.data-v-3361b524 {
margin-right: 35.63rpx;
background-color: #00000033;
height: 1.88rpx;
}
.group_5.data-v-3361b524 {
.view.data-v-3361b524 {
margin-right: 37.5rpx;
margin-top: 18.75rpx;
}
.group_7.data-v-3361b524 {
padding: 15rpx 0 11.25rpx;
width: 734.01rpx;
}
@ -526,20 +527,35 @@ text.data-v-3361b524 {
.text_3.data-v-3361b524 {
text-shadow: 0 1.88rpx #fffaf0, 0 -1.88rpx #fffaf0, 1.88rpx 0 #fffaf0, -1.88rpx 0 #fffaf0;
}
.text_4.data-v-3361b524 {
.text_6.data-v-3361b524 {
font-size: 28.13rpx;
line-height: 26.03rpx;
}
.text_5.data-v-3361b524 {
.text_7.data-v-3361b524 {
color: #323232;
font-size: 33.75rpx;
font-family: Open Sans;
line-height: 31.46rpx;
}
.group_6.data-v-3361b524 {
.text_4.data-v-3361b524 {
color: #ff0000;
font-size: 45rpx;
font-family: FangSong;
line-height: 30.77rpx;
}
.text_5.data-v-3361b524 {
color: #ff0000;
font-size: 26.25rpx;
font-family: FangSong;
line-height: 18.36rpx;
}
.view_2.data-v-3361b524 {
margin-right: 37.5rpx;
}
.group_8.data-v-3361b524 {
padding: 16.88rpx 0 22.5rpx;
}
.text_6.data-v-3361b524 {
.text_8.data-v-3361b524 {
color: #000000;
line-height: 24.28rpx;
}
@ -560,7 +576,7 @@ text.data-v-3361b524 {
line-height: 20.72rpx;
color: #323232;
}
.text_7.data-v-3361b524 {
.text_9.data-v-3361b524 {
line-height: 20.85rpx;
}
.text-wrapper_2.data-v-3361b524 {
@ -573,10 +589,10 @@ text.data-v-3361b524 {
border-top: solid 1.88rpx #00000033;
border-bottom: solid 1.88rpx #00000033;
}
.text_8.data-v-3361b524 {
.text_10.data-v-3361b524 {
margin: 0 7.5rpx;
}
.text_9.data-v-3361b524 {
.text_11.data-v-3361b524 {
line-height: 20.83rpx;
}
.text-wrapper_3.data-v-3361b524 {
@ -590,24 +606,67 @@ text.data-v-3361b524 {
border-top: solid 1.88rpx #00000033;
border-bottom: solid 1.88rpx #00000033;
}
.text_10.data-v-3361b524 {
.section_4.data-v-3361b524 {
padding: 22.5rpx 11.25rpx 37.5rpx;
background-color: #fffaf0;
border-radius: 18.75rpx;
border-left: solid 1.88rpx #818181;
border-right: solid 1.88rpx #818181;
border-top: solid 1.88rpx #818181;
border-bottom: solid 1.88rpx #818181;
}
.text_12.data-v-3361b524 {
color: #000000;
line-height: 27.94rpx;
text-decoration: underline;
}
.text_13.data-v-3361b524 {
margin-left: 11.25rpx;
margin-top: 22.5rpx;
line-height: 24.34rpx;
}
.text_14.data-v-3361b524 {
margin-left: 11.25rpx;
margin-top: 22.5rpx;
}
.text_15.data-v-3361b524 {
margin: 18.75rpx 7.5rpx 0;
}
.text_16.data-v-3361b524 {
margin-left: 7.5rpx;
margin-top: 15rpx;
line-height: 24.96rpx;
}
.text_17.data-v-3361b524 {
margin-left: 11.25rpx;
margin-top: 26.25rpx;
line-height: 24.39rpx;
}
.text_18.data-v-3361b524 {
margin-left: 11.25rpx;
margin-top: 26.25rpx;
line-height: 24.3rpx;
}
.text_19.data-v-3361b524 {
margin-left: 15rpx;
color: #323232;
line-height: 27.69rpx;
}
.section_4.data-v-3361b524 {
.section_5.data-v-3361b524 {
padding: 45rpx 0 3838.13rpx;
background-image: url("https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=23b7db846e029260305e0604be9e8e8a.png");
background-image: url("https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=d47bc18dff7946c7b9090b5677af68d6.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
.section_5.data-v-3361b524 {
padding: 15rpx 26.25rpx;
background-color: #f8e8c1;
.section_6.data-v-3361b524 {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
right: 0;
padding: 15rpx 26.25rpx;
background-color: #f8e8c1;
}
.image_4.data-v-3361b524 {
.image_3.data-v-3361b524 {
width: 46.88rpx;
height: 46.88rpx;
}
@ -624,7 +683,7 @@ text.data-v-3361b524 {
line-height: 27.66rpx;
color: #ffffff;
}
.text_11.data-v-3361b524 {
.text_20.data-v-3361b524 {
line-height: 27.79rpx;
}
.text-wrapper_5.data-v-3361b524 {

9
unpackage/dist/dev/mp-weixin/pages/store-home/main/main.js vendored
View File

@ -78,19 +78,20 @@ const _sfc_main = {
]);
const tap = () => {
common_vendor.index.navigateTo({
url: "../../../pages/Shopping-cart/ProductDetails/ProductDetails"
url: "../../../pages/store-home/ProductDetails/ProductDetails"
});
};
return (_ctx, _cache) => {
return {
a: common_vendor.f(sort.value, (item, index, i0) => {
a: common_vendor.unref(common_assets.sousuokuang),
b: 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) => {
c: common_vendor.f(product_list.value, (item, index, i0) => {
return {
a: item.imgurl,
b: common_vendor.t(item.product_name),
@ -100,7 +101,7 @@ const _sfc_main = {
f: common_vendor.o(tap, index)
};
}),
c: common_vendor.unref(common_assets.add_img)
d: common_vendor.unref(common_assets.add_img)
};
};
}

2
unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxml vendored
View File

@ -1 +1 @@
<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>
<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="{{a}}"/><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="{{b}}" 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="{{c}}" 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="{{d}}"/></view></scroll-view></view></view>