收货地址信息、购物车、商品详情，本地图片+样式完毕
This commit is contained in:
parent
92d29a2edd
commit
bc491f8fb0
16
pages.json
16
pages.json
|
|
@ -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": {
|
||||
|
|
|
|||
|
|
@ -1,203 +1,173 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col group">
|
||||
<text class="self-start font text">收货信息</text>
|
||||
<view class="flex-col self-stretch section mt-15">
|
||||
<view class="flex-row items-center group_2">
|
||||
<text class="font">收货人</text>
|
||||
<view class="flex-col justify-start items-start flex-1 text-wrapper ml-27">
|
||||
<text class="font text_2">请输入姓名</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center group_3">
|
||||
<text class="font text_3">手机号码</text>
|
||||
<view class="ml-12 flex-col justify-start items-start flex-1 text-wrapper_2">
|
||||
<text class="font text_4">15888610253</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center group_4">
|
||||
<text class="font text_5">所在地区</text>
|
||||
<view class="flex-col justify-start flex-1 relative group_5 ml-13">
|
||||
<view class="flex-col justify-start items-start text-wrapper_3">
|
||||
<text class="font text_6">黑龙江/哈尔滨/呼兰区</text>
|
||||
</view>
|
||||
<image
|
||||
class="image pos"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3e2a31d894d6e2dc87b84024e8b30588.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center group_6">
|
||||
<text class="font text_7">详细地址</text>
|
||||
<view class="flex-col items-start flex-1 section_2 ml-13">
|
||||
<text class="font_2">利民开发区学院路288号哈尔滨华德</text>
|
||||
<text class="mt-2 font_2">学院</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center group_7">
|
||||
<text class="font">设为默认收货地址</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section_3 mt-462">
|
||||
<view class="flex-col justify-start items-center text-wrapper_4"><text class="text_8">保存并使用</text></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col group">
|
||||
<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_2">收货人</text>
|
||||
<input class="text-wrapper ml-27" placeholder="请输入姓名" />
|
||||
</view>
|
||||
<view class="flex-row items-center group_3">
|
||||
<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_2 text_5">所在地区</text>
|
||||
<view class="flex-col justify-start flex-1 relative group_5 ml-13">
|
||||
<input class="text-wrapper_3" />
|
||||
<image
|
||||
class="image pos"
|
||||
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_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_2">设为默认收货地址</text>
|
||||
<image
|
||||
class="image_2"
|
||||
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">
|
||||
<view class="flex-col justify-start items-center text-wrapper_4"><text class="text_8">保存并使用</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-15 {
|
||||
margin-top: 28.63rpx;
|
||||
}
|
||||
.ml-27 {
|
||||
margin-left: 51.53rpx;
|
||||
}
|
||||
.ml-13 {
|
||||
margin-left: 24.81rpx;
|
||||
}
|
||||
.mt-462 {
|
||||
margin-top: 881.68rpx;
|
||||
}
|
||||
.page {
|
||||
padding-top: 26.72rpx;
|
||||
background-color: #fffaf0;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group {
|
||||
padding: 0 20.99rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.77rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text {
|
||||
line-height: 24.92rpx;
|
||||
}
|
||||
.section {
|
||||
margin-right: 9.54rpx;
|
||||
padding-left: 26.72rpx;
|
||||
padding-right: 11.45rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 9.54rpx;
|
||||
border-left: solid 1.91rpx #818181;
|
||||
border-right: solid 1.91rpx #818181;
|
||||
border-top: solid 1.91rpx #818181;
|
||||
border-bottom: solid 1.91rpx #818181;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 22.9rpx 3.82rpx 11.45rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 30.53rpx;
|
||||
padding: 11.45rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 15.27rpx;
|
||||
color: #acacac;
|
||||
line-height: 24.71rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding: 15.27rpx 3.82rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 24.6rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
margin-right: 30.53rpx;
|
||||
padding: 15.27rpx 0;
|
||||
background-color: #fffef8;
|
||||
height: 45.8rpx;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 19.08rpx;
|
||||
line-height: 19.64rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 11.45rpx 3.82rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 24.64rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-right: 11.45rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
margin-right: 17.18rpx;
|
||||
padding: 11.45rpx 0;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.text_6 {
|
||||
margin-left: 15.27rpx;
|
||||
line-height: 24.83rpx;
|
||||
}
|
||||
.image {
|
||||
width: 49.62rpx;
|
||||
height: 49.62rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.group_6 {
|
||||
padding: 15.27rpx 3.82rpx 7.63rpx;
|
||||
border-bottom: solid 1.91rpx #efefef;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 24.69rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-right: 19.08rpx;
|
||||
padding: 7.63rpx 15.27rpx;
|
||||
background-color: #fffef8;
|
||||
height: 83.97rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.72rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 32.44rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_7 {
|
||||
padding: 26.72rpx 3.82rpx 34.35rpx;
|
||||
}
|
||||
.image_2 {
|
||||
margin-right: 19.08rpx;
|
||||
width: 34.35rpx;
|
||||
height: 34.35rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 17.18rpx 0;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.text-wrapper_4 {
|
||||
padding: 26.72rpx 0;
|
||||
background-color: #ffa948;
|
||||
border-radius: 47.71rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_8 {
|
||||
color: #ffffff;
|
||||
font-size: 30.53rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 28.4rpx;
|
||||
}
|
||||
.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: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
.group {
|
||||
padding: 0 23.4rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.34rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.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.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: 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;
|
||||
}
|
||||
.text-wrapper_4 {
|
||||
padding: 27.24rpx 0 23.61rpx;
|
||||
background-color: #ffa948;
|
||||
border-radius: 46.88rpx;
|
||||
width: 618.75rpx;
|
||||
}
|
||||
.text_8 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.9rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -1,380 +1,432 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col">
|
||||
<view class="flex-col">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-row justify-between self-stretch group">
|
||||
<text class="font text">商品</text>
|
||||
<text class="font">详情</text>
|
||||
<text class="font text_2">推荐</text>
|
||||
</view>
|
||||
<view class="self-start section_2"></view>
|
||||
</view>
|
||||
<image class="image"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c347f0e53bdcde04fa14098a49db40d4.png" />
|
||||
</view>
|
||||
<view class="mt-6 flex-row items-center group_2">
|
||||
<view class="flex-col items-center">
|
||||
<text class="font_2">图片</text>
|
||||
<text class="mt-4 font_2">展示</text>
|
||||
</view>
|
||||
<view class="ml-2 flex-row justify-between equal-division">
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=f58b5193e3ce117f4350960139d86a6d.png" />
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=619af00ec54a5600292e36875c6bebd6.png" />
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png" />
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7a368aca7d0b74c3f87b5a9cd6185201.png" />
|
||||
<image class="equal-division-item"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-6 flex-col section_3">
|
||||
<view class="flex-row justify-between self-start group_3">
|
||||
<view class="flex-col items-start self-center">
|
||||
<image class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c3b21ef686b053bea12b883694c5a954.png" />
|
||||
<text class="text_3 text_5 mt-5">琉璃发簪新手体验包</text>
|
||||
</view>
|
||||
<view class="flex-row items-center self-start group_4">
|
||||
<image class="shrink-0 image_3"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=b3cfc36dad1bb0c8277322ca9543babb.png" />
|
||||
<text class="ml-4 font_3 text_3 text_4">中秋节限定</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="self-stretch divider"></view>
|
||||
<view class="flex-col self-start group_5">
|
||||
<text class="self-stretch font_4 text_3">
|
||||
商品简介：琉璃发簪便是汉代美人常常佩戴的发饰之一。琉璃
|
||||
<br />
|
||||
</text>
|
||||
<text class="mt-2 self-stretch font_4 text_3">发簪不仅美观大方，还有 着深厚的文化底蕴。购买体验包，</text>
|
||||
<text class="mt-2 self-start font_4 text_3">即可体验古代文化。</text>
|
||||
</view>
|
||||
<view class="self-stretch divider"></view>
|
||||
<view class="flex-row items-center self-start group_6">
|
||||
<text class="font_4 text_3 text_6">商品标签:</text>
|
||||
<view class="flex-col justify-start items-center text-wrapper ml-7">
|
||||
<text class="font_5 text_7">#发簪</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start text-wrapper_2 ml-7"><text class="font_5 text_8">#送亲友</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start text-wrapper_2 ml-7">
|
||||
<text class="font_5 text_8 text_9">#体验包</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_3 ml-7"><text
|
||||
class="font_5">#友情</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col mt-268">
|
||||
<text class="self-start font_3 text_10">商品详情</text>
|
||||
<view class="flex-col justify-start self-stretch section_4 mt-15">
|
||||
<view class="flex-row items-center section_5">
|
||||
<view class="flex-col items-center shrink-0">
|
||||
<image class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=9139c9f83913be1d1e83cf86dd7a40b2.png" />
|
||||
<text class="font_5 mt-3">客服</text>
|
||||
</view>
|
||||
<view class="ml-34 flex-row flex-1">
|
||||
<view class="flex-col justify-start items-center text-wrapper_4">
|
||||
<text class="font_6 text_11">加入购物车</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_5 ml-9">
|
||||
<text class="font_6">立即购买</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col">
|
||||
<view class="flex-col">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-row justify-between self-stretch group">
|
||||
<text class="font text">商品</text>
|
||||
<text class="font">详情</text>
|
||||
<text class="font text_2">推荐</text>
|
||||
</view>
|
||||
<view class="self-start section_2"></view>
|
||||
</view>
|
||||
<image
|
||||
class="image"
|
||||
:src="zhuye"
|
||||
/>
|
||||
</view>
|
||||
<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="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="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 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>
|
||||
<view class="flex-col self-start group_7">
|
||||
<text class="self-stretch font_4 text_3">
|
||||
商品简介：{{ 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> -->
|
||||
</view>
|
||||
<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_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_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">#{{ 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="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_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_20">加入购物车</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_5 ml-9">
|
||||
<text class="font_6">立即购买</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
<script 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 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
|
||||
.mt-268 {
|
||||
margin-top: 502.5rpx;
|
||||
}
|
||||
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
|
||||
.page {
|
||||
padding-bottom: 331.88rpx;
|
||||
background-color: #fffef8;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 0 82.5rpx 15rpx;
|
||||
background-color: #a0522d;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.group {
|
||||
padding: 30rpx 0 11.25rpx 3.75rpx;
|
||||
}
|
||||
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.66rpx;
|
||||
color: #fffef8;
|
||||
}
|
||||
|
||||
.text {
|
||||
line-height: 27.6rpx;
|
||||
}
|
||||
|
||||
.text_2 {
|
||||
line-height: 27.64rpx;
|
||||
}
|
||||
|
||||
.section_2 {
|
||||
background-color: #ffa700;
|
||||
width: 69.38rpx;
|
||||
height: 5.63rpx;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100vw;
|
||||
height: 48vw;
|
||||
}
|
||||
|
||||
.group_2 {
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 35.63rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.equal-division {
|
||||
flex: 1 1 0;
|
||||
margin-right: 11.25rpx;
|
||||
}
|
||||
|
||||
.equal-division-item {
|
||||
border-radius: 18.75rpx;
|
||||
width: 105rpx;
|
||||
height: 91.88rpx;
|
||||
}
|
||||
|
||||
.section_3 {
|
||||
padding-left: 20.63rpx;
|
||||
background-color: #fffaf0;
|
||||
border-radius: 18.75rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
|
||||
.group_3 {
|
||||
padding: 15rpx 0;
|
||||
width: 731.38rpx;
|
||||
}
|
||||
|
||||
.image_2 {
|
||||
margin-left: 7.5rpx;
|
||||
width: 93.75rpx;
|
||||
height: 58.13rpx;
|
||||
}
|
||||
|
||||
.group_4 {
|
||||
margin-right: 22.5rpx;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
|
||||
.image_3 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
|
||||
.font_3 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.66rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.divider {
|
||||
margin-right: 35.63rpx;
|
||||
background-color: #00000033;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
|
||||
.group_5 {
|
||||
padding: 15rpx 0 11.25rpx;
|
||||
width: 734.01rpx;
|
||||
}
|
||||
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_3 {
|
||||
text-shadow: 0 1.88rpx #fffaf0, 0 -1.88rpx #fffaf0, 1.88rpx 0 #fffaf0, -1.88rpx 0 #fffaf0;
|
||||
}
|
||||
|
||||
.text_4 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 26.03rpx;
|
||||
}
|
||||
|
||||
.text_5 {
|
||||
color: #323232;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.46rpx;
|
||||
}
|
||||
|
||||
.group_6 {
|
||||
padding: 16.88rpx 0 22.5rpx;
|
||||
}
|
||||
|
||||
.text_6 {
|
||||
color: #000000;
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
padding: 7.5rpx 0;
|
||||
background-color: #ffb35a;
|
||||
border-radius: 9.38rpx;
|
||||
width: 90rpx;
|
||||
height: 39.38rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
|
||||
.font_5 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.72rpx;
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.text_7 {
|
||||
line-height: 20.85rpx;
|
||||
}
|
||||
|
||||
.text-wrapper_2 {
|
||||
padding: 7.5rpx 0;
|
||||
background-color: #ffb35a;
|
||||
border-radius: 9.38rpx;
|
||||
height: 39.38rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
|
||||
.text_8 {
|
||||
margin: 0 7.5rpx;
|
||||
}
|
||||
|
||||
.text_9 {
|
||||
line-height: 20.83rpx;
|
||||
}
|
||||
|
||||
.text-wrapper_3 {
|
||||
padding: 7.5rpx 0;
|
||||
background-color: #ffb35a;
|
||||
border-radius: 9.38rpx;
|
||||
width: 105rpx;
|
||||
height: 39.38rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
|
||||
.text_10 {
|
||||
margin-left: 15rpx;
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
|
||||
.section_4 {
|
||||
padding: 45rpx 0 3838.13rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=23b7db846e029260305e0604be9e8e8a.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.section_5 {
|
||||
padding: 15rpx 26.25rpx;
|
||||
background-color: #f8e8c1;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.image_4 {
|
||||
width: 46.88rpx;
|
||||
height: 46.88rpx;
|
||||
}
|
||||
|
||||
.text-wrapper_4 {
|
||||
padding: 22.5rpx 0;
|
||||
flex: 1 1 283.13rpx;
|
||||
background-color: #ffcd46;
|
||||
border-radius: 93.75rpx;
|
||||
height: 71.25rpx;
|
||||
}
|
||||
|
||||
.font_6 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.66rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.text_11 {
|
||||
line-height: 27.79rpx;
|
||||
}
|
||||
|
||||
.text-wrapper_5 {
|
||||
padding: 22.5rpx 0;
|
||||
flex: 1 1 283.13rpx;
|
||||
background-color: #ff2d3d;
|
||||
border-radius: 93.75rpx;
|
||||
height: 71.25rpx;
|
||||
}
|
||||
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.page {
|
||||
padding-bottom: 331.88rpx;
|
||||
background-color: #fffef8;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 0 82.5rpx 15rpx;
|
||||
background-color: #a0522d;
|
||||
}
|
||||
.group {
|
||||
padding: 30rpx 0 11.25rpx 3.75rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.66rpx;
|
||||
color: #fffef8;
|
||||
}
|
||||
.text {
|
||||
line-height: 27.6rpx;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 27.64rpx;
|
||||
}
|
||||
.section_2 {
|
||||
background-color: #ffa700;
|
||||
width: 69.38rpx;
|
||||
height: 5.63rpx;
|
||||
}
|
||||
.image {
|
||||
margin-top: 85rpx;
|
||||
width: 100vw;
|
||||
height: 48vw;
|
||||
}
|
||||
.group_2 {
|
||||
margin-top: 11.25rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 35.63rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.equal-division {
|
||||
flex: 1 1 0;
|
||||
margin-right: 11.25rpx;
|
||||
}
|
||||
.equal-division-item {
|
||||
border-radius: 18.75rpx;
|
||||
width: 105rpx;
|
||||
height: 91.88rpx;
|
||||
}
|
||||
.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_4 {
|
||||
margin-left: 11.25rpx;
|
||||
line-height: 30.77rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.group_6 {
|
||||
margin-right: 22.5rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.divider {
|
||||
background-color: #00000033;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.view {
|
||||
margin-right: 37.5rpx;
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.group_7 {
|
||||
padding: 15rpx 0 11.25rpx;
|
||||
width: 734.01rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.88rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
text-shadow: 0 1.88rpx #fffaf0, 0 -1.88rpx #fffaf0, 1.88rpx 0 #fffaf0, -1.88rpx 0 #fffaf0;
|
||||
}
|
||||
.text_6 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 26.03rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #323232;
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 31.46rpx;
|
||||
}
|
||||
.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_8 {
|
||||
color: #000000;
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 7.5rpx 0;
|
||||
background-color: #ffb35a;
|
||||
border-radius: 9.38rpx;
|
||||
width: 90rpx;
|
||||
height: 39.38rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.72rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 20.85rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 7.5rpx 0;
|
||||
background-color: #ffb35a;
|
||||
border-radius: 9.38rpx;
|
||||
height: 39.38rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
.text_10 {
|
||||
margin: 0 7.5rpx;
|
||||
}
|
||||
.text_11 {
|
||||
line-height: 20.83rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 7.5rpx 0;
|
||||
background-color: #ffb35a;
|
||||
border-radius: 9.38rpx;
|
||||
width: 105rpx;
|
||||
height: 39.38rpx;
|
||||
border-left: solid 1.88rpx #00000033;
|
||||
border-right: solid 1.88rpx #00000033;
|
||||
border-top: solid 1.88rpx #00000033;
|
||||
border-bottom: solid 1.88rpx #00000033;
|
||||
}
|
||||
.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_5 {
|
||||
padding: 45rpx 0 3838.13rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=d47bc18dff7946c7b9090b5677af68d6.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.section_6 {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 15rpx 26.25rpx;
|
||||
background-color: #f8e8c1;
|
||||
}
|
||||
.image_3 {
|
||||
width: 46.88rpx;
|
||||
height: 46.88rpx;
|
||||
}
|
||||
.text-wrapper_4 {
|
||||
padding: 22.5rpx 0;
|
||||
flex: 1 1 283.13rpx;
|
||||
background-color: #ffcd46;
|
||||
border-radius: 93.75rpx;
|
||||
height: 71.25rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.66rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
.text_20 {
|
||||
line-height: 27.79rpx;
|
||||
}
|
||||
.text-wrapper_5 {
|
||||
padding: 22.5rpx 0;
|
||||
flex: 1 1 283.13rpx;
|
||||
background-color: #ff2d3d;
|
||||
border-radius: 93.75rpx;
|
||||
height: 71.25rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
BIN
pages/store-home/ProductDetails/img/denglong.png
Normal file
BIN
pages/store-home/ProductDetails/img/denglong.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
pages/store-home/ProductDetails/img/haibao.png
Normal file
BIN
pages/store-home/ProductDetails/img/haibao.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 988 KiB |
BIN
pages/store-home/ProductDetails/img/kefu.png
Normal file
BIN
pages/store-home/ProductDetails/img/kefu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
pages/store-home/ProductDetails/img/show1.png
Normal file
BIN
pages/store-home/ProductDetails/img/show1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
pages/store-home/ProductDetails/img/show2.png
Normal file
BIN
pages/store-home/ProductDetails/img/show2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
pages/store-home/ProductDetails/img/show3.png
Normal file
BIN
pages/store-home/ProductDetails/img/show3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
pages/store-home/ProductDetails/img/show4.png
Normal file
BIN
pages/store-home/ProductDetails/img/show4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
pages/store-home/ProductDetails/img/zhuye.png
Normal file
BIN
pages/store-home/ProductDetails/img/zhuye.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.6 KiB |
|
|
@ -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
2
unpackage/dist/dev/mp-weixin/app.js
vendored
|
|
@ -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
4
unpackage/dist/dev/mp-weixin/app.json
vendored
|
|
@ -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
BIN
unpackage/dist/dev/mp-weixin/assets/add.c73b1e4b.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 688 B |
BIN
unpackage/dist/dev/mp-weixin/assets/choose.f501b5d4.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/choose.f501b5d4.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 911 B |
BIN
unpackage/dist/dev/mp-weixin/assets/choosed.ea32c69c.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/choosed.ea32c69c.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/denglong.a91d13af.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/denglong.a91d13af.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/haibao.2883ea9c.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/haibao.2883ea9c.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 988 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/kefu.eef0848c.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/kefu.eef0848c.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/productimg.a8fe2d32.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/productimg.a8fe2d32.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/pull.902be841.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/pull.902be841.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 308 B |
BIN
unpackage/dist/dev/mp-weixin/assets/rmb.6e85dd4a.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/rmb.6e85dd4a.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 545 B |
BIN
unpackage/dist/dev/mp-weixin/assets/short.2191a0bf.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/short.2191a0bf.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 494 B |
BIN
unpackage/dist/dev/mp-weixin/assets/show1.6119e6ca.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/show1.6119e6ca.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/show2.6ef01c5d.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/show2.6ef01c5d.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/show3.4b906849.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/show3.4b906849.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/show4.00c949b6.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/show4.00c949b6.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/sousuokuang.6160c4c7.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/sousuokuang.6160c4c7.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/zhuye.8d1ff27e.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/assets/zhuye.8d1ff27e.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
56
unpackage/dist/dev/mp-weixin/common/assets.js
vendored
56
unpackage/dist/dev/mp-weixin/common/assets.js
vendored
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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)
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
19
unpackage/dist/dev/mp-weixin/pages/home/home.js
vendored
|
|
@ -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)
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue
Block a user