首页,物袋
This commit is contained in:
parent
968cb26637
commit
118a6c7af8
13
App.vue
13
App.vue
|
|
@ -12,6 +12,17 @@
|
|||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="scss">
|
||||
/*每个页面公共css */
|
||||
|
||||
/* 定义字体 */
|
||||
@font-face {
|
||||
font-family: 'jcyt';
|
||||
src: url('/static/fonts/jcyt.ttf') format('truetype');
|
||||
}
|
||||
|
||||
/* 全局应用字体 */
|
||||
// body {
|
||||
// font-family: 'jcyt', sans-serif;
|
||||
// }
|
||||
</style>
|
||||
|
|
@ -1,6 +1,69 @@
|
|||
<template>
|
||||
<view>
|
||||
|
||||
<view class="content" style="background-image: url('/static/bags_bg.png');">
|
||||
|
||||
<view class="" style="width: 100%; overflow: auto;">
|
||||
|
||||
<view class=""
|
||||
style="width: 689.58rpx; margin: 201.39rpx auto 114.58rpx; display: flex; flex-direction: column;">
|
||||
<view class="" v-for="(item,index) in dataList"
|
||||
style="width: 100%; height: 161.81rpx; background-color: #FFFBF0; border-radius: 30rpx; margin-bottom: 29.17rpx; display: flex; align-items: center; position: relative;">
|
||||
|
||||
<image :src="item.isCheck?'/static/ic_check_s.png':'/static/ic_check.png'"
|
||||
style="width: 29.17rpx; height: 29.17rpx; margin-left: 20.83rpx;" mode=""></image>
|
||||
|
||||
<image :src="item.imgurl"
|
||||
style="width: 125rpx; height: 125rpx; background-color: #9B9285; border-radius: 30rpx; margin-left: 19.44rpx;"
|
||||
mode="">
|
||||
</image>
|
||||
|
||||
<text
|
||||
style="position: absolute; left: 210.42rpx; top: 24.31rpx; font-size: 23.58rpx; color: #6E5B51;">{{item.title}}</text>
|
||||
|
||||
<text
|
||||
style="position: absolute; left: 210.42rpx; top: 60.42rpx; font-size: 19.42rpx; color: #6E5B51;">{{item.name}}</text>
|
||||
|
||||
<view class=""
|
||||
style="display: flex; flex-direction: row; position: absolute; left: 205.81rpx; bottom: 26.39rpx;">
|
||||
<text style="font-size: 29.13rpx; color: #6E5B51;">￥{{item.price}}</text>
|
||||
<text
|
||||
style="font-size: 19.42rpx; color: #6E5B51; margin-left: 17.36rpx; margin-top: 10rpx;">库存紧张</text>
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="display: flex; flex-direction: row; position: absolute; bottom: 23.61rpx; right: 23.61rpx; align-items: center;">
|
||||
<image src="/static/ic_minus.png" style="width: 28.47rpx; height: 28.47rpx;" mode=""></image>
|
||||
<text
|
||||
style="width: 70.83rpx; font-size: 29.17rpx; color: #6E5B51; text-align: center;">{{item.num}}</text>
|
||||
<image src="/static/ic_add.png" style="width: 28.47rpx; height: 28.47rpx;" mode=""></image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="width: 100%; height: 114.58rpx; background-color: #FFFDF1; position: fixed; bottom: 0; display: flex; flex-direction: row-reverse; align-items: center;">
|
||||
|
||||
<view class=""
|
||||
style="width: 164.58rpx; height: 68.75rpx; position: relative; margin-right: 19.44rpx; display: flex; align-items: center; justify-content: center;">
|
||||
<image src="/static/pay_bg.png" style="width: 100%; height: 100%;position: absolute;" mode=""></image>
|
||||
<text style="position: absolute; font-size: 20.83rpx; color: #66594E;">结算 ({{checkNum}})</text>
|
||||
</view>
|
||||
|
||||
<text style="font-size: 29.13rpx; color: #6E5B51; margin-right: 30.56rpx;">￥{{sumPrice}}</text>
|
||||
<text style="font-size: 19.42rpx; color: #8C8574;">共</text>
|
||||
<text style="font-size: 19.42rpx; color: #8C8574; margin-right: 30rpx;">合计： {{checkNum}}件</text>
|
||||
|
||||
|
||||
<view class="" style="display: flex; flex-direction: row; align-items: center; position: fixed; left: 46rpx;">
|
||||
<image src="/static/ic_check.png" style="width: 29.17rpx; height: 29.17rpx;" mode=""></image>
|
||||
<text style="font-size: 19.42rpx; color: #8C8574; margin-left: 13rpx; margin-bottom: 2rpx;">全选</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -8,15 +71,107 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
checkNum: 1,
|
||||
sumPrice: 20,
|
||||
dataList: [{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -22,19 +22,82 @@
|
|||
|
||||
<image src="/static/ic_notice.png" style="width: 23.61rpx; height: 22.92rpx; margin-left: 24.31rpx;"
|
||||
mode=""></image>
|
||||
<view class="news-text">
|
||||
<uni-notice-bar scrollable single :style="{ width: `100%` }" :speed="8"
|
||||
background-color="transparent" color="#6B5E4B" text="感谢您的理解与支持"></uni-notice-bar>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<uni-notice-bar scrollable single
|
||||
text="[单行] 这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏"></uni-notice-bar>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 轮播图 -->
|
||||
|
||||
|
||||
<view class="" style="width: 100%; height: 300rpx;">
|
||||
|
||||
<view class="" style="width: 100%; margin-top: 30.56rpx; ">
|
||||
<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="500" :circular="true">
|
||||
<swiper-item v-for="(item, index) in swiperList" :key="index">
|
||||
<view class="" style="background-color: #F5D677; width: 100%; height: 300rpx;">
|
||||
{{item}}
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 固定四个 -->
|
||||
<view class=""
|
||||
style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-top: 29.86rpx;">
|
||||
|
||||
<view class="" v-for="(item,index) in dataList"
|
||||
style="display: flex; flex-direction: column; justify-content: center;">
|
||||
|
||||
<view class=""
|
||||
style="width: 159.72rpx; height: 159.72rpx; background-color: #FDF4D5; border-radius: 40rpx;"
|
||||
:style="{ border: `2px solid ${item.color}`}">
|
||||
</view>
|
||||
|
||||
<text
|
||||
style="text-align: center; margin-top: 13.19rpx; font-size: 22.22rpx; color: #685952; width: 159.72rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">{{item.title}}</text>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<!-- tab -->
|
||||
<view class="" style="width: 100%; display: flex; flex-direction: row; margin-top: 32.64rpx;">
|
||||
<view class="" v-for="(item,index) in tabList" @click="clickTab(index)" :style="setTabBg(index)"
|
||||
style="padding: 0 16.67rpx 6rpx 16.67rpx ; margin-right: 26.39rpx; border-radius: 50rpx;">
|
||||
<text style=" font-size: 23.61rpx;">{{item.title}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 商品列表 -->
|
||||
|
||||
<view class="grid-container">
|
||||
<view class="" v-for="(item,index) in goodsLsit"
|
||||
style="height: 490.28rpx; background-color: #FEF6D6; border: 3rpx solid #F9D051; border-radius: 40rpx;display: flex; flex-direction: column;">
|
||||
<view class=""
|
||||
style="width: 100%; height: 320.83rpx; background-color: #FFFFFF;border-radius: 40rpx 40rpx 0 0; ">
|
||||
<!-- <image :src="{{item.imgUrl}}" mode=""></image> -->
|
||||
</view>
|
||||
|
||||
<text
|
||||
style="width: 280.56rpx; margin: 15.28rpx auto; font-size: 25rpx; color: #685952; font-family: 'jcyt', sans-serif;
|
||||
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;">{{item.title}}</text>
|
||||
|
||||
|
||||
<text style="font-size: 19.44rpx; color: #FF6A6A; margin-left: 24.31rpx;">现货发售中</text>
|
||||
|
||||
<view class="" style="display: flex; flex-direction: row; margin-left: 20.31rpx;">
|
||||
<text style="font-size: 29.17rpx; color: #87644E;font-family: 'jcyt', sans-serif;">￥{{item.price}}</text>
|
||||
<text style="font-size: 19.44rpx; color: #87644E; margin-top: 10rpx;"> / 包</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
|
@ -49,11 +112,133 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
currendIndex: 0,
|
||||
swiperList: [1, 2, 3, 4],
|
||||
dataList: [{
|
||||
title: "坂本日常",
|
||||
color: "#90BB76",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
title: "坂本日常",
|
||||
color: "#FDA6AA",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
title: "坂本日常",
|
||||
color: "#96ABEB",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
title: "坂本日常",
|
||||
color: "#F9D051",
|
||||
url: ""
|
||||
}
|
||||
],
|
||||
|
||||
tabList: [{
|
||||
id: 1,
|
||||
title: "全部"
|
||||
}, {
|
||||
id: 1,
|
||||
title: "吧唧"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "立牌"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "色纸"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "拍立得"
|
||||
}
|
||||
],
|
||||
goodsLsit: [{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常坂本日常坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
clickTab(index) {
|
||||
this.currendIndex = index;
|
||||
},
|
||||
|
||||
setTabBg(index) {
|
||||
if (this.currendIndex == index) {
|
||||
return {
|
||||
backgroundColor: '#F5D677',
|
||||
border: '1rpx solid transparent'
|
||||
}
|
||||
} else {
|
||||
return {
|
||||
backgroundColor: 'transparent',
|
||||
border: '1rpx solid #9A8F79'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -72,13 +257,24 @@
|
|||
|
||||
.news-text {
|
||||
width: 600rpx;
|
||||
height: 90rpx;
|
||||
height: 57.64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 18rpx;
|
||||
padding-top: 20rpx;
|
||||
|
||||
::v-deep.uni-noticebar__content-text {
|
||||
font-size: 24rpx;
|
||||
font-size: 22.22rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.grid-container {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
/* 3列等宽 */
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
/* 间距 */
|
||||
gap: 34.72rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
</style>
|
||||
BIN
static/bags_bg.png
Normal file
BIN
static/bags_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 669 KiB |
BIN
static/fonts/jcyt.ttf
Normal file
BIN
static/fonts/jcyt.ttf
Normal file
Binary file not shown.
BIN
static/ic_add.png
Normal file
BIN
static/ic_add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
BIN
static/ic_check.png
Normal file
BIN
static/ic_check.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
static/ic_check_s.png
Normal file
BIN
static/ic_check_s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
static/ic_minus.png
Normal file
BIN
static/ic_minus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
static/pay_bg.png
Normal file
BIN
static/pay_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
|
|
@ -1 +1 @@
|
|||
{"version":3,"names":["_sfc_main","data","methods","wx","createPage","MiniProgramPage"],"sources":["home-page.vue","cGFnZXMvaG9tZS9ob21lLXBhZ2UudnVl"],"sourcesContent":["<template>\r\n\t<view class=\"content\" style=\"background-color: #FFFDF6;\">\r\n\r\n\t\t<image src=\"/static/bg.png\" style=\"width: 620.83rpx; height: 100%; position: absolute;\" mode=\"\"></image>\r\n\r\n\r\n\t\t<view class=\"content\" style=\"position: absolute;\">\r\n\r\n\r\n\t\t\t<!-- 搜索 -->\r\n\t\t\t<view class=\"\" style=\"width: 100%; margin-top: 96.53rpx;\">\r\n\t\t\t\t<view class=\"\"\r\n\t\t\t\t\tstyle=\"width: 230.56rpx; height: 71.53rpx; background-color: #FFFFFF; border: 5rpx solid #F5D677; border-radius: 50rpx; display: flex; align-items: center;\">\r\n\t\t\t\t\t<image src=\"/static/ic_search.png\" style=\"width: 28.47rpx; height: 28.47rpx; margin-left: 25rpx;\"\r\n\t\t\t\t\t\tmode=\"\"></image>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\r\n\t\t\t<!-- 公告 -->\r\n\t\t\t<view class=\"\"\r\n\t\t\t\tstyle=\"width:690.28rpx; height: 57.64rpx; background-color: #FFFFFF; border: 5rpx solid #F5D677; border-radius: 20rpx; margin-top: 33.33rpx; display: flex; align-items: center;\">\r\n\r\n\t\t\t\t<image src=\"/static/ic_notice.png\" style=\"width: 23.61rpx; height: 22.92rpx; margin-left: 24.31rpx;\"\r\n\t\t\t\t\tmode=\"\"></image>\r\n\r\n\t\t\t\t<view class=\"news-text\">\r\n\t\t\t\t\t<uni-notice-bar :style=\"{ width: `100%` }\" :speed=\"8\" background-color=\"transparent\" color=\"#333333\"\r\n\t\t\t\t\t\tscrollable single :text=\"$c.filterText(gonggao)\"></uni-notice-bar>\r\n\t\t\t\t</view>\r\n\r\n\t\t\t</view>\r\n\r\n\t\t</view>\r\n\r\n\r\n\r\n\r\n\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t.content {\r\n\t\twidth: 693.06rpx;\r\n\t\theight: 100vh;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tposition: relative;\r\n\t\talign-items: center;\r\n\r\n\t}\r\n\r\n\t.news-text {\r\n\t\twidth: 600rpx;\r\n\t\theight: 90rpx;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-left: 18rpx;\r\n\r\n\t\t::v-deep.uni-noticebar__content-text {\r\n\t\t\tfont-size: 24rpx;\r\n\t\t}\r\n\t}\r\n</style>","import MiniProgramPage from 'F:/work/guyu/pages/home/home-page.vue'\nwx.createPage(MiniProgramPage)"],"mappings":";;;;;;AA0CC,IAAKA,SAAA,GAAU;EACdC,IAAA,WAAAA,KAAA,EAAO;IACN,OAAO,CAEP;EACA;EACDC,OAAA,EAAS,CAET;AACD;;;;;;;;;;;;;;;;;AClDDC,EAAA,CAAGC,UAAA,CAAWC,eAAe","ignoreList":[]}
|
||||
{"version":3,"names":["_sfc_main","data","swiperList","dataList","title","color","url","methods","wx","createPage","MiniProgramPage"],"sources":["home-page.vue","cGFnZXMvaG9tZS9ob21lLXBhZ2UudnVl"],"sourcesContent":["<template>\r\n\t<view class=\"content\" style=\"background-color: #FFFDF6;\">\r\n\r\n\t\t<image src=\"/static/bg.png\" style=\"width: 620.83rpx; height: 100%; position: absolute;\" mode=\"\"></image>\r\n\r\n\r\n\t\t<view class=\"content\" style=\"position: absolute;\">\r\n\r\n\r\n\t\t\t<!-- 搜索 -->\r\n\t\t\t<view class=\"\" style=\"width: 100%; margin-top: 96.53rpx;\">\r\n\t\t\t\t<view class=\"\"\r\n\t\t\t\t\tstyle=\"width: 230.56rpx; height: 71.53rpx; background-color: #FFFFFF; border: 5rpx solid #F5D677; border-radius: 50rpx; display: flex; align-items: center;\">\r\n\t\t\t\t\t<image src=\"/static/ic_search.png\" style=\"width: 28.47rpx; height: 28.47rpx; margin-left: 25rpx;\"\r\n\t\t\t\t\t\tmode=\"\"></image>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\r\n\t\t\t<!-- 公告 -->\r\n\t\t\t<view class=\"\"\r\n\t\t\t\tstyle=\"width:100%; height: 57.64rpx; background-color: #FFFFFF; border: 5rpx solid #F5D677; border-radius: 20rpx; margin-top: 33.33rpx; display: flex; align-items: center;\">\r\n\r\n\t\t\t\t<image src=\"/static/ic_notice.png\" style=\"width: 23.61rpx; height: 22.92rpx; margin-left: 24.31rpx;\"\r\n\t\t\t\t\tmode=\"\"></image>\r\n\t\t\t\t<view class=\"news-text\">\r\n\t\t\t\t\t<uni-notice-bar scrollable single :style=\"{ width: `100%` }\" :speed=\"8\"\r\n\t\t\t\t\t\tbackground-color=\"transparent\" color=\"#6B5E4B\" text=\"感谢您的理解与支持\"></uni-notice-bar>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\r\n\r\n\r\n\t\t\t<!-- 轮播图 -->\r\n\t\t\t<view class=\"\" style=\"width: 100%; margin-top: 30.56rpx; \">\r\n\t\t\t\t<swiper :indicator-dots=\"false\" :autoplay=\"true\" :interval=\"3000\" :duration=\"500\" :circular=\"true\">\r\n\t\t\t\t\t<swiper-item v-for=\"(item, index) in swiperList\" :key=\"index\">\r\n\t\t\t\t\t\t<view class=\"\" style=\"background-color: #F5D677; width: 100%; height: 300rpx;\">\r\n\t\t\t\t\t\t\t{{item}}\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</swiper-item>\r\n\t\t\t\t</swiper>\r\n\t\t\t</view>\r\n\r\n\r\n\t\t\t<view class=\"\"\r\n\t\t\t\tstyle=\"width: 100%; height: 160.42rpx; display: flex; flex-direction: row; justify-content: space-between; margin-top: 29.86rpx;\">\r\n\r\n\t\t\t\t<view class=\"\" v-for=\"(item,index) in dataList\"\r\n\t\t\t\t\tstyle=\"width: 159.72rpx; height: 159.72rpx; background-color: #FDF4D5; border: 5rpx solid ;\"\r\n\t\t\t\t\t:style=\"{ border: `1px solid ${itme.color}`}\">\r\n\r\n\t\t\t\t</view>\r\n\r\n\t\t\t</view>\r\n\r\n\r\n\r\n\r\n\r\n\t\t</view>\r\n\r\n\r\n\r\n\r\n\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tswiperList: [1, 2, 3, 4],\r\n\t\t\t\tdataList: [{\r\n\t\t\t\t\t\ttitle: \"坂本日常\",\r\n\t\t\t\t\t\tcolor: \"#90BB76\",\r\n\t\t\t\t\t\turl: \"\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"坂本日常\",\r\n\t\t\t\t\t\tcolor: \"#90BB76\",\r\n\t\t\t\t\t\turl: \"\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"坂本日常\",\r\n\t\t\t\t\t\tcolor: \"#90BB76\",\r\n\t\t\t\t\t\turl: \"\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"坂本日常\",\r\n\t\t\t\t\t\tcolor: \"#90BB76\",\r\n\t\t\t\t\t\turl: \"\"\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t.content {\r\n\t\twidth: 693.06rpx;\r\n\t\theight: 100vh;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tposition: relative;\r\n\t\talign-items: center;\r\n\r\n\t}\r\n\r\n\t.news-text {\r\n\t\twidth: 600rpx;\r\n\t\theight: 57.64rpx;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-left: 18rpx;\r\n\t\tpadding-top: 20rpx;\r\n\r\n\t\t::v-deep.uni-noticebar__content-text {\r\n\t\t\tfont-size: 22.22rpx;\r\n\t\t}\r\n\t}\r\n</style>","import MiniProgramPage from 'F:/gitCode/uniapp/guyu/pages/home/home-page.vue'\nwx.createPage(MiniProgramPage)"],"mappings":";;;;;;AAqEC,IAAKA,SAAA,GAAU;EACdC,IAAA,WAAAA,KAAA,EAAO;IACN,OAAO;MACNC,UAAA,EAAY,CAAC,GAAG,GAAG,GAAG,CAAC;MACvBC,QAAA,EAAU,CAAC;QACTC,KAAA,EAAO;QACPC,KAAA,EAAO;QACPC,GAAA,EAAK;MACL,GACD;QACCF,KAAA,EAAO;QACPC,KAAA,EAAO;QACPC,GAAA,EAAK;MACL,GACD;QACCF,KAAA,EAAO;QACPC,KAAA,EAAO;QACPC,GAAA,EAAK;MACL,GACD;QACCF,KAAA,EAAO;QACPC,KAAA,EAAO;QACPC,GAAA,EAAK;MACN;IAEF;EACA;EACDC,OAAA,EAAS,CAET;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClGDC,EAAA,CAAGC,UAAA,CAAWC,eAAe","ignoreList":[]}
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"app.js","sources":["App.vue","main.js"],"sourcesContent":["<script>\r\n\texport default {\r\n\t\tonLaunch: function() {\r\n\t\t\tconsole.log('App Launch')\r\n\t\t},\r\n\t\tonShow: function() {\r\n\t\t\tconsole.log('App Show')\r\n\t\t},\r\n\t\tonHide: function() {\r\n\t\t\tconsole.log('App Hide')\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style>\r\n\t/*每个页面公共css */\r\n</style>","import App from './App'\n\n// #ifndef VUE3\nimport Vue from 'vue'\nimport './uni.promisify.adaptor'\nVue.config.productionTip = false\nApp.mpType = 'app'\nconst app = new Vue({\n ...App\n})\napp.$mount()\n// #endif\n\n// #ifdef VUE3\nimport { createSSRApp } from 'vue'\nexport function createApp() {\n const app = createSSRApp(App)\n return {\n app\n }\n}\n// #endif"],"names":["uni","createSSRApp","App"],"mappings":";;;;;;;;;AACC,MAAK,YAAU;AAAA,EACd,UAAU,WAAW;AACpBA,kBAAAA,MAAA,MAAA,OAAA,gBAAY,YAAY;AAAA,EACxB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,gBAAA,UAAU;AAAA,EACtB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,iBAAA,UAAU;AAAA,EACvB;AACD;ACIM,SAAS,YAAY;AAC1B,QAAM,MAAMC,cAAY,aAACC,SAAG;AAC5B,SAAO;AAAA,IACL;AAAA,EACD;AACH;;;"}
|
||||
{"version":3,"file":"app.js","sources":["App.vue","main.js"],"sourcesContent":["<script>\r\n\texport default {\r\n\t\tonLaunch: function() {\r\n\t\t\tconsole.log('App Launch')\r\n\t\t},\r\n\t\tonShow: function() {\r\n\t\t\tconsole.log('App Show')\r\n\t\t},\r\n\t\tonHide: function() {\r\n\t\t\tconsole.log('App Hide')\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t/*每个页面公共css */\r\n\r\n\t/* 定义字体 */\r\n\t@font-face {\r\n\t\tfont-family: 'jcyt';\r\n\t\tsrc: url('/static/fonts/jcyt.ttf') format('truetype');\r\n\t}\r\n\r\n\t/* 全局应用字体 */\r\n\t// body {\r\n\t// \tfont-family: 'jcyt', sans-serif;\r\n\t// }\r\n</style>","import App from './App'\n\n// #ifndef VUE3\nimport Vue from 'vue'\nimport './uni.promisify.adaptor'\nVue.config.productionTip = false\nApp.mpType = 'app'\nconst app = new Vue({\n ...App\n})\napp.$mount()\n// #endif\n\n// #ifdef VUE3\nimport { createSSRApp } from 'vue'\nexport function createApp() {\n const app = createSSRApp(App)\n return {\n app\n }\n}\n// #endif"],"names":["uni","createSSRApp","App"],"mappings":";;;;;;;;;AACC,MAAK,YAAU;AAAA,EACd,UAAU,WAAW;AACpBA,kBAAAA,MAAA,MAAA,OAAA,gBAAY,YAAY;AAAA,EACxB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,gBAAA,UAAU;AAAA,EACtB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,iBAAA,UAAU;AAAA,EACvB;AACD;ACIM,SAAS,YAAY;AAC1B,QAAM,MAAMC,cAAY,aAACC,SAAG;AAC5B,SAAO;AAAA,IACL;AAAA,EACD;AACH;;;"}
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"assets.js","sources":["static/bg.png","static/ic_search.png","static/ic_notice.png"],"sourcesContent":["export default \"__VITE_ASSET__bac8c679__\"","export default \"__VITE_ASSET__3638b49d__\"","export default \"__VITE_ASSET__d68df3c1__\""],"names":[],"mappings":";AAAA,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;;;;"}
|
||||
{"version":3,"file":"assets.js","sources":["static/bg.png","static/ic_search.png","static/ic_notice.png","static/ic_minus.png","static/ic_add.png","static/pay_bg.png","static/ic_check.png"],"sourcesContent":["export default \"__VITE_ASSET__bac8c679__\"","export default \"__VITE_ASSET__3638b49d__\"","export default \"__VITE_ASSET__d68df3c1__\"","export default \"__VITE_ASSET__bda5b53e__\"","export default \"__VITE_ASSET__63ab7a4a__\"","export default \"__VITE_ASSET__1a1db255__\"","export default \"__VITE_ASSET__ec31f9f9__\""],"names":[],"mappings":";AAAA,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;;;;;;;;"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"index.js","sources":["pages/index/index.vue","../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvaW5kZXgvaW5kZXgudnVl"],"sourcesContent":["<template>\r\n\t<view class=\"content\">\r\n\t\t\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t},\r\n\t\tonLoad() {\r\n\r\n\t\t},\r\n\t\tmethods: {\r\n\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style>\r\n\t.content {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\r\n</style>\n","import MiniProgramPage from 'F:/work/guyu/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;AAOC,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO,CAEP;AAAA,EACA;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS,CAET;AACD;;;;;AClBD,GAAG,WAAW,eAAe;"}
|
||||
{"version":3,"file":"index.js","sources":["pages/index/index.vue","../../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvaW5kZXgvaW5kZXgudnVl"],"sourcesContent":["<template>\r\n\t<view class=\"content\">\r\n\t\t\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t},\r\n\t\tonLoad() {\r\n\r\n\t\t},\r\n\t\tmethods: {\r\n\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style>\r\n\t.content {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\r\n</style>\n","import MiniProgramPage from 'F:/gitCode/uniapp/guyu/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;AAOC,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO,CAEP;AAAA,EACA;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS,CAET;AACD;;;;;AClBD,GAAG,WAAW,eAAe;"}
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"me-page.js","sources":["pages/me/me-page.vue","../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvbWUvbWUtcGFnZS52dWU"],"sourcesContent":["<template>\n\t<view>\n\t\t\n\t</view>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\t\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\t\n\t\t}\n\t}\n</script>\n\n<style>\n\n</style>\n","import MiniProgramPage from 'F:/work/guyu/pages/me/me-page.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;AAOC,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO,CAEP;AAAA,EACA;AAAA,EACD,SAAS,CAET;AACD;;;;;ACfD,GAAG,WAAW,eAAe;"}
|
||||
{"version":3,"file":"me-page.js","sources":["pages/me/me-page.vue","../../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvbWUvbWUtcGFnZS52dWU"],"sourcesContent":["<template>\n\t<view>\n\t\t\n\t</view>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\t\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\t\n\t\t}\n\t}\n</script>\n\n<style>\n\n</style>\n","import MiniProgramPage from 'F:/gitCode/uniapp/guyu/pages/me/me-page.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;AAOC,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO,CAEP;AAAA,EACA;AAAA,EACD,SAAS,CAET;AACD;;;;;ACfD,GAAG,WAAW,eAAe;"}
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"uni-icons.js","sources":["uni_modules/uni-icons/components/uni-icons/uni-icons.vue","../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/Rjovd29yay9ndXl1L3VuaV9tb2R1bGVzL3VuaS1pY29ucy9jb21wb25lbnRzL3VuaS1pY29ucy91bmktaWNvbnMudnVl"],"sourcesContent":["<template>\r\n\t<!-- #ifdef APP-NVUE -->\r\n\t<text :style=\"styleObj\" class=\"uni-icons\" @click=\"_onClick\">{{unicode}}</text>\r\n\t<!-- #endif -->\r\n\t<!-- #ifndef APP-NVUE -->\r\n\t<text :style=\"styleObj\" class=\"uni-icons\" :class=\"['uniui-'+type,customPrefix,customPrefix?type:'']\" @click=\"_onClick\">\r\n\t\t<slot></slot>\r\n\t</text>\r\n\t<!-- #endif -->\r\n</template>\r\n\r\n<script>\r\n\timport { fontData } from './uniicons_file_vue.js';\r\n\r\n\tconst getVal = (val) => {\r\n\t\tconst reg = /^[0-9]*$/g\r\n\t\treturn (typeof val === 'number' || reg.test(val)) ? val + 'px' : val;\r\n\t}\r\n\r\n\t// #ifdef APP-NVUE\r\n\tvar domModule = weex.requireModule('dom');\r\n\timport iconUrl from './uniicons.ttf'\r\n\tdomModule.addRule('fontFace', {\r\n\t\t'fontFamily': \"uniicons\",\r\n\t\t'src': \"url('\" + iconUrl + \"')\"\r\n\t});\r\n\t// #endif\r\n\r\n\t/**\r\n\t * Icons 图标\r\n\t * @description 用于展示 icons 图标\r\n\t * @tutorial https://ext.dcloud.net.cn/plugin?id=28\r\n\t * @property {Number} size 图标大小\r\n\t * @property {String} type 图标图案，参考示例\r\n\t * @property {String} color 图标颜色\r\n\t * @property {String} customPrefix 自定义图标\r\n\t * @event {Function} click 点击 Icon 触发事件\r\n\t */\r\n\texport default {\r\n\t\tname: 'UniIcons',\r\n\t\temits: ['click'],\r\n\t\tprops: {\r\n\t\t\ttype: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t},\r\n\t\t\tcolor: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: '#333333'\r\n\t\t\t},\r\n\t\t\tsize: {\r\n\t\t\t\ttype: [Number, String],\r\n\t\t\t\tdefault: 16\r\n\t\t\t},\r\n\t\t\tcustomPrefix: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t},\r\n\t\t\tfontFamily: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t}\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\ticons: fontData\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\tunicode() {\r\n\t\t\t\tlet code = this.icons.find(v => v.font_class === this.type)\r\n\t\t\t\tif (code) {\r\n\t\t\t\t\treturn code.unicode\r\n\t\t\t\t}\r\n\t\t\t\treturn ''\r\n\t\t\t},\r\n\t\t\ticonSize() {\r\n\t\t\t\treturn getVal(this.size)\r\n\t\t\t},\r\n\t\t\tstyleObj() {\r\n\t\t\t\tif (this.fontFamily !== '') {\r\n\t\t\t\t\treturn `color: ${this.color}; font-size: ${this.iconSize}; font-family: ${this.fontFamily};`\r\n\t\t\t\t}\r\n\t\t\t\treturn `color: ${this.color}; font-size: ${this.iconSize};`\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t_onClick() {\r\n\t\t\t\tthis.$emit('click')\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t/* #ifndef APP-NVUE */\r\n\t@import './uniicons.css';\r\n\r\n\t@font-face {\r\n\t\tfont-family: uniicons;\r\n\t\tsrc: url('./uniicons.ttf');\r\n\t}\r\n\r\n\t/* #endif */\r\n\t.uni-icons {\r\n\t\tfont-family: uniicons;\r\n\t\ttext-decoration: none;\r\n\t\ttext-align: center;\r\n\t}\r\n</style>\n","import Component from 'F:/work/guyu/uni_modules/uni-icons/components/uni-icons/uni-icons.vue'\nwx.createComponent(Component)"],"names":["fontData"],"mappings":";;;AAcC,MAAM,SAAS,CAAC,QAAQ;AACvB,QAAM,MAAM;AACZ,SAAQ,OAAO,QAAQ,YAAY,IAAI,KAAK,GAAG,IAAK,MAAM,OAAO;AAClE;AAqBA,MAAK,YAAU;AAAA,EACd,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,IACD,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,IACD,MAAM;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACT;AAAA,IACD,cAAc;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,IACD,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACA;AAAA,EACD,OAAO;AACN,WAAO;AAAA,MACN,OAAOA,2DAAO;AAAA,IACf;AAAA,EACA;AAAA,EACD,UAAU;AAAA,IACT,UAAU;AACT,UAAI,OAAO,KAAK,MAAM,KAAK,OAAK,EAAE,eAAe,KAAK,IAAI;AAC1D,UAAI,MAAM;AACT,eAAO,KAAK;AAAA,MACb;AACA,aAAO;AAAA,IACP;AAAA,IACD,WAAW;AACV,aAAO,OAAO,KAAK,IAAI;AAAA,IACvB;AAAA,IACD,WAAW;AACV,UAAI,KAAK,eAAe,IAAI;AAC3B,eAAO,UAAU,KAAK,KAAK,gBAAgB,KAAK,QAAQ,kBAAkB,KAAK,UAAU;AAAA,MAC1F;AACA,aAAO,UAAU,KAAK,KAAK,gBAAgB,KAAK,QAAQ;AAAA,IACzD;AAAA,EACA;AAAA,EACD,SAAS;AAAA,IACR,WAAW;AACV,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACD;AACD;;;;;;;;;;;AC1FD,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"uni-icons.js","sources":["uni_modules/uni-icons/components/uni-icons/uni-icons.vue","../../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RjovZ2l0Q29kZS91bmlhcHAvZ3V5dS91bmlfbW9kdWxlcy91bmktaWNvbnMvY29tcG9uZW50cy91bmktaWNvbnMvdW5pLWljb25zLnZ1ZQ"],"sourcesContent":["<template>\r\n\t<!-- #ifdef APP-NVUE -->\r\n\t<text :style=\"styleObj\" class=\"uni-icons\" @click=\"_onClick\">{{unicode}}</text>\r\n\t<!-- #endif -->\r\n\t<!-- #ifndef APP-NVUE -->\r\n\t<text :style=\"styleObj\" class=\"uni-icons\" :class=\"['uniui-'+type,customPrefix,customPrefix?type:'']\" @click=\"_onClick\">\r\n\t\t<slot></slot>\r\n\t</text>\r\n\t<!-- #endif -->\r\n</template>\r\n\r\n<script>\r\n\timport { fontData } from './uniicons_file_vue.js';\r\n\r\n\tconst getVal = (val) => {\r\n\t\tconst reg = /^[0-9]*$/g\r\n\t\treturn (typeof val === 'number' || reg.test(val)) ? val + 'px' : val;\r\n\t}\r\n\r\n\t// #ifdef APP-NVUE\r\n\tvar domModule = weex.requireModule('dom');\r\n\timport iconUrl from './uniicons.ttf'\r\n\tdomModule.addRule('fontFace', {\r\n\t\t'fontFamily': \"uniicons\",\r\n\t\t'src': \"url('\" + iconUrl + \"')\"\r\n\t});\r\n\t// #endif\r\n\r\n\t/**\r\n\t * Icons 图标\r\n\t * @description 用于展示 icons 图标\r\n\t * @tutorial https://ext.dcloud.net.cn/plugin?id=28\r\n\t * @property {Number} size 图标大小\r\n\t * @property {String} type 图标图案，参考示例\r\n\t * @property {String} color 图标颜色\r\n\t * @property {String} customPrefix 自定义图标\r\n\t * @event {Function} click 点击 Icon 触发事件\r\n\t */\r\n\texport default {\r\n\t\tname: 'UniIcons',\r\n\t\temits: ['click'],\r\n\t\tprops: {\r\n\t\t\ttype: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t},\r\n\t\t\tcolor: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: '#333333'\r\n\t\t\t},\r\n\t\t\tsize: {\r\n\t\t\t\ttype: [Number, String],\r\n\t\t\t\tdefault: 16\r\n\t\t\t},\r\n\t\t\tcustomPrefix: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t},\r\n\t\t\tfontFamily: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t}\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\ticons: fontData\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\tunicode() {\r\n\t\t\t\tlet code = this.icons.find(v => v.font_class === this.type)\r\n\t\t\t\tif (code) {\r\n\t\t\t\t\treturn code.unicode\r\n\t\t\t\t}\r\n\t\t\t\treturn ''\r\n\t\t\t},\r\n\t\t\ticonSize() {\r\n\t\t\t\treturn getVal(this.size)\r\n\t\t\t},\r\n\t\t\tstyleObj() {\r\n\t\t\t\tif (this.fontFamily !== '') {\r\n\t\t\t\t\treturn `color: ${this.color}; font-size: ${this.iconSize}; font-family: ${this.fontFamily};`\r\n\t\t\t\t}\r\n\t\t\t\treturn `color: ${this.color}; font-size: ${this.iconSize};`\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t_onClick() {\r\n\t\t\t\tthis.$emit('click')\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t/* #ifndef APP-NVUE */\r\n\t@import './uniicons.css';\r\n\r\n\t@font-face {\r\n\t\tfont-family: uniicons;\r\n\t\tsrc: url('./uniicons.ttf');\r\n\t}\r\n\r\n\t/* #endif */\r\n\t.uni-icons {\r\n\t\tfont-family: uniicons;\r\n\t\ttext-decoration: none;\r\n\t\ttext-align: center;\r\n\t}\r\n</style>\n","import Component from 'F:/gitCode/uniapp/guyu/uni_modules/uni-icons/components/uni-icons/uni-icons.vue'\nwx.createComponent(Component)"],"names":["fontData"],"mappings":";;;AAcC,MAAM,SAAS,CAAC,QAAQ;AACvB,QAAM,MAAM;AACZ,SAAQ,OAAO,QAAQ,YAAY,IAAI,KAAK,GAAG,IAAK,MAAM,OAAO;AAClE;AAqBA,MAAK,YAAU;AAAA,EACd,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,IACD,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,IACD,MAAM;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACT;AAAA,IACD,cAAc;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,IACD,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACA;AAAA,EACD,OAAO;AACN,WAAO;AAAA,MACN,OAAOA,2DAAO;AAAA,IACf;AAAA,EACA;AAAA,EACD,UAAU;AAAA,IACT,UAAU;AACT,UAAI,OAAO,KAAK,MAAM,KAAK,OAAK,EAAE,eAAe,KAAK,IAAI;AAC1D,UAAI,MAAM;AACT,eAAO,KAAK;AAAA,MACb;AACA,aAAO;AAAA,IACP;AAAA,IACD,WAAW;AACV,aAAO,OAAO,KAAK,IAAI;AAAA,IACvB;AAAA,IACD,WAAW;AACV,UAAI,KAAK,eAAe,IAAI;AAC3B,eAAO,UAAU,KAAK,KAAK,gBAAgB,KAAK,QAAQ,kBAAkB,KAAK,UAAU;AAAA,MAC1F;AACA,aAAO,UAAU,KAAK,KAAK,gBAAgB,KAAK,QAAQ;AAAA,IACzD;AAAA,EACA;AAAA,EACD,SAAS;AAAA,IACR,WAAW;AACV,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACD;AACD;;;;;;;;;;;AC1FD,GAAG,gBAAgB,SAAS;"}
|
||||
35
unpackage/dist/dev/mp-weixin/app.wxss
vendored
35
unpackage/dist/dev/mp-weixin/app.wxss
vendored
|
|
@ -1,3 +1,32 @@
|
|||
|
||||
/*每个页面公共css */
|
||||
page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
/*每个页面公共css */
|
||||
/* 定义字体 */
|
||||
@font-face {
|
||||
font-family: "jcyt";
|
||||
src: url("static/fonts/jcyt.ttf") format("truetype");
|
||||
}
|
||||
/* 全局应用字体 */page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}
|
||||
20
unpackage/dist/dev/mp-weixin/common/assets.js
vendored
20
unpackage/dist/dev/mp-weixin/common/assets.js
vendored
|
|
@ -1,8 +1,16 @@
|
|||
"use strict";
|
||||
const _imports_0 = "/static/bg.png";
|
||||
const _imports_1 = "/static/ic_search.png";
|
||||
const _imports_2 = "/static/ic_notice.png";
|
||||
exports._imports_0 = _imports_0;
|
||||
exports._imports_1 = _imports_1;
|
||||
exports._imports_2 = _imports_2;
|
||||
const _imports_0$1 = "/static/bg.png";
|
||||
const _imports_1$1 = "/static/ic_search.png";
|
||||
const _imports_2$1 = "/static/ic_notice.png";
|
||||
const _imports_0 = "/static/ic_minus.png";
|
||||
const _imports_1 = "/static/ic_add.png";
|
||||
const _imports_2 = "/static/pay_bg.png";
|
||||
const _imports_3 = "/static/ic_check.png";
|
||||
exports._imports_0 = _imports_0$1;
|
||||
exports._imports_0$1 = _imports_0;
|
||||
exports._imports_1 = _imports_1$1;
|
||||
exports._imports_1$1 = _imports_1;
|
||||
exports._imports_2 = _imports_2$1;
|
||||
exports._imports_2$1 = _imports_2;
|
||||
exports._imports_3 = _imports_3;
|
||||
//# sourceMappingURL=../../.sourcemap/mp-weixin/common/assets.js.map
|
||||
|
|
|
|||
36
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
36
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
|
|
@ -5177,7 +5177,40 @@ function patchStopImmediatePropagation(e2, value) {
|
|||
return value;
|
||||
}
|
||||
}
|
||||
function vFor(source, renderItem) {
|
||||
let ret;
|
||||
if (isArray(source) || isString(source)) {
|
||||
ret = new Array(source.length);
|
||||
for (let i = 0, l = source.length; i < l; i++) {
|
||||
ret[i] = renderItem(source[i], i, i);
|
||||
}
|
||||
} else if (typeof source === "number") {
|
||||
if (!Number.isInteger(source)) {
|
||||
warn(`The v-for range expect an integer value but got ${source}.`);
|
||||
return [];
|
||||
}
|
||||
ret = new Array(source);
|
||||
for (let i = 0; i < source; i++) {
|
||||
ret[i] = renderItem(i + 1, i, i);
|
||||
}
|
||||
} else if (isObject(source)) {
|
||||
if (source[Symbol.iterator]) {
|
||||
ret = Array.from(source, (item, i) => renderItem(item, i, i));
|
||||
} else {
|
||||
const keys = Object.keys(source);
|
||||
ret = new Array(keys.length);
|
||||
for (let i = 0, l = keys.length; i < l; i++) {
|
||||
const key = keys[i];
|
||||
ret[i] = renderItem(source[key], key, i);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
ret = [];
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
const o = (value, key) => vOn(value, key);
|
||||
const f = (source, renderItem) => vFor(source, renderItem);
|
||||
const s = (value) => stringifyStyle(value);
|
||||
const e = (target, ...sources) => extend(target, ...sources);
|
||||
const n = (value) => normalizeClass(value);
|
||||
|
|
@ -7004,7 +7037,7 @@ function isConsoleWritable() {
|
|||
function initRuntimeSocketService() {
|
||||
const hosts = "172.17.0.1,192.168.1.7,192.168.195.32,127.0.0.1";
|
||||
const port = "8090";
|
||||
const id = "mp-weixin_tb8EZr";
|
||||
const id = "mp-weixin_AAXmV0";
|
||||
const lazy = typeof swan !== "undefined";
|
||||
let restoreError = lazy ? () => {
|
||||
} : initOnError();
|
||||
|
|
@ -7953,6 +7986,7 @@ const createSubpackageApp = initCreateSubpackageApp();
|
|||
exports._export_sfc = _export_sfc;
|
||||
exports.createSSRApp = createSSRApp;
|
||||
exports.e = e;
|
||||
exports.f = f;
|
||||
exports.index = index;
|
||||
exports.n = n;
|
||||
exports.o = o;
|
||||
|
|
|
|||
109
unpackage/dist/dev/mp-weixin/pages/bags/bags-page.js
vendored
109
unpackage/dist/dev/mp-weixin/pages/bags/bags-page.js
vendored
|
|
@ -1,13 +1,118 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {};
|
||||
return {
|
||||
checkNum: 1,
|
||||
sumPrice: 20,
|
||||
dataList: [
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
},
|
||||
{
|
||||
imgurl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: "20",
|
||||
num: "1",
|
||||
isCheck: false,
|
||||
type: "库存紧张"
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {};
|
||||
return {
|
||||
a: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: item.isCheck ? "/static/ic_check_s.png" : "/static/ic_check.png",
|
||||
b: item.imgurl,
|
||||
c: common_vendor.t(item.title),
|
||||
d: common_vendor.t(item.name),
|
||||
e: common_vendor.t(item.price),
|
||||
f: common_vendor.t(item.num)
|
||||
};
|
||||
}),
|
||||
b: common_assets._imports_0$1,
|
||||
c: common_assets._imports_1$1,
|
||||
d: common_assets._imports_2$1,
|
||||
e: common_vendor.t($data.checkNum),
|
||||
f: common_vendor.t($data.sumPrice),
|
||||
g: common_vendor.t($data.checkNum),
|
||||
h: common_assets._imports_3
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view></view>
|
||||
<view class="content" style="background-image:url('/static/bags_bg.png')"><view class="" style="width:100%;overflow:auto"><view class="" style="width:689.58rpx;margin:201.39rpx auto 114.58rpx;display:flex;flex-direction:column"><view wx:for="{{a}}" wx:for-item="item" class="" style="width:100%;height:161.81rpx;background-color:#FFFBF0;border-radius:30rpx;margin-bottom:29.17rpx;display:flex;align-items:center;position:relative"><image src="{{item.a}}" style="width:29.17rpx;height:29.17rpx;margin-left:20.83rpx" mode=""></image><image src="{{item.b}}" style="width:125rpx;height:125rpx;background-color:#9B9285;border-radius:30rpx;margin-left:19.44rpx" mode=""></image><text style="position:absolute;left:210.42rpx;top:24.31rpx;font-size:23.58rpx;color:#6E5B51">{{item.c}}</text><text style="position:absolute;left:210.42rpx;top:60.42rpx;font-size:19.42rpx;color:#6E5B51">{{item.d}}</text><view class="" style="display:flex;flex-direction:row;position:absolute;left:205.81rpx;bottom:26.39rpx"><text style="font-size:29.13rpx;color:#6E5B51">￥{{item.e}}</text><text style="font-size:19.42rpx;color:#6E5B51;margin-left:17.36rpx;margin-top:10rpx">库存紧张</text></view><view class="" style="display:flex;flex-direction:row;position:absolute;bottom:23.61rpx;right:23.61rpx;align-items:center"><image src="{{b}}" style="width:28.47rpx;height:28.47rpx" mode=""></image><text style="width:70.83rpx;font-size:29.17rpx;color:#6E5B51;text-align:center">{{item.f}}</text><image src="{{c}}" style="width:28.47rpx;height:28.47rpx" mode=""></image></view></view></view></view><view class="" style="width:100%;height:114.58rpx;background-color:#FFFDF1;position:fixed;bottom:0;display:flex;flex-direction:row-reverse;align-items:center"><view class="" style="width:164.58rpx;height:68.75rpx;position:relative;margin-right:19.44rpx;display:flex;align-items:center;justify-content:center"><image src="{{d}}" style="width:100%;height:100%;position:absolute" mode=""></image><text style="position:absolute;font-size:20.83rpx;color:#66594E">结算 ({{e}})</text></view><text style="font-size:29.13rpx;color:#6E5B51;margin-right:30.56rpx">￥{{f}}</text><text style="font-size:19.42rpx;color:#8C8574">共</text><text style="font-size:19.42rpx;color:#8C8574;margin-right:30rpx">合计： {{g}}件</text><view class="" style="display:flex;flex-direction:row;align-items:center;position:fixed;left:46rpx"><image src="{{h}}" style="width:29.17rpx;height:29.17rpx" mode=""></image><text style="font-size:19.42rpx;color:#8C8574;margin-left:13rpx;margin-bottom:2rpx">全选</text></view></view></view>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
163
unpackage/dist/dev/mp-weixin/pages/home/home-page.js
vendored
163
unpackage/dist/dev/mp-weixin/pages/home/home-page.js
vendored
|
|
@ -3,9 +3,135 @@ const common_vendor = require("../../common/vendor.js");
|
|||
const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {};
|
||||
return {
|
||||
currendIndex: 0,
|
||||
swiperList: [1, 2, 3, 4],
|
||||
dataList: [
|
||||
{
|
||||
title: "坂本日常",
|
||||
color: "#90BB76",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
title: "坂本日常",
|
||||
color: "#FDA6AA",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
title: "坂本日常",
|
||||
color: "#96ABEB",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
title: "坂本日常",
|
||||
color: "#F9D051",
|
||||
url: ""
|
||||
}
|
||||
],
|
||||
tabList: [
|
||||
{
|
||||
id: 1,
|
||||
title: "全部"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "吧唧"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "立牌"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "色纸"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "拍立得"
|
||||
}
|
||||
],
|
||||
goodsLsit: [
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常坂本日常坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
},
|
||||
{
|
||||
title: "坂本日常坂本日常坂本日常坂本日常",
|
||||
imgUrl: "",
|
||||
type: "",
|
||||
price: "20"
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {}
|
||||
methods: {
|
||||
clickTab(index) {
|
||||
this.currendIndex = index;
|
||||
},
|
||||
setTabBg(index) {
|
||||
if (this.currendIndex == index) {
|
||||
return {
|
||||
backgroundColor: "#F5D677",
|
||||
border: "1rpx solid transparent"
|
||||
};
|
||||
} else {
|
||||
return {
|
||||
backgroundColor: "transparent",
|
||||
border: "1rpx solid #9A8F79"
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_notice_bar2 = common_vendor.resolveComponent("uni-notice-bar");
|
||||
|
|
@ -20,10 +146,39 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||
a: common_assets._imports_0,
|
||||
b: common_assets._imports_1,
|
||||
c: common_assets._imports_2,
|
||||
d: common_vendor.p({
|
||||
d: `100%`,
|
||||
e: common_vendor.p({
|
||||
scrollable: true,
|
||||
single: true,
|
||||
text: "[单行] 这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏"
|
||||
speed: 8,
|
||||
["background-color"]: "transparent",
|
||||
color: "#6B5E4B",
|
||||
text: "感谢您的理解与支持"
|
||||
}),
|
||||
f: common_vendor.f($data.swiperList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: index
|
||||
};
|
||||
}),
|
||||
g: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: `2px solid ${item.color}`,
|
||||
b: common_vendor.t(item.title)
|
||||
};
|
||||
}),
|
||||
h: common_vendor.f($data.tabList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.title),
|
||||
b: common_vendor.o(($event) => $options.clickTab(index)),
|
||||
c: common_vendor.s($options.setTabBg(index))
|
||||
};
|
||||
}),
|
||||
i: common_vendor.f($data.goodsLsit, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.title),
|
||||
b: common_vendor.t(item.price)
|
||||
};
|
||||
})
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="content" style="background-color:#FFFDF6"><image src="{{a}}" style="width:620.83rpx;height:100%;position:absolute" mode=""></image><view class="content" style="position:absolute"><view class="" style="width:100%;margin-top:96.53rpx"><view class="" style="width:230.56rpx;height:71.53rpx;background-color:#FFFFFF;border:5rpx solid #F5D677;border-radius:50rpx;display:flex;align-items:center"><image src="{{b}}" style="width:28.47rpx;height:28.47rpx;margin-left:25rpx" mode=""></image></view></view><view class="" style="width:100%;height:57.64rpx;background-color:#FFFFFF;border:5rpx solid #F5D677;border-radius:20rpx;margin-top:33.33rpx;display:flex;align-items:center"><image src="{{c}}" style="width:23.61rpx;height:22.92rpx;margin-left:24.31rpx" mode=""></image><uni-notice-bar wx:if="{{d}}" u-i="62396e3c-0" bind:__l="__l" u-p="{{d}}"></uni-notice-bar></view><view class="" style="width:100%;height:300rpx"></view></view></view>
|
||||
<view class="content" style="background-color:#FFFDF6"><image src="{{a}}" style="width:620.83rpx;height:100%;position:absolute" mode=""></image><view class="content" style="position:absolute"><view class="" style="width:100%;margin-top:96.53rpx"><view class="" style="width:230.56rpx;height:71.53rpx;background-color:#FFFFFF;border:5rpx solid #F5D677;border-radius:50rpx;display:flex;align-items:center"><image src="{{b}}" style="width:28.47rpx;height:28.47rpx;margin-left:25rpx" mode=""></image></view></view><view class="" style="width:100%;height:57.64rpx;background-color:#FFFFFF;border:5rpx solid #F5D677;border-radius:20rpx;margin-top:33.33rpx;display:flex;align-items:center"><image src="{{c}}" style="width:23.61rpx;height:22.92rpx;margin-left:24.31rpx" mode=""></image><view class="news-text"><uni-notice-bar wx:if="{{e}}" style="{{'width:' + d}}" u-i="0110074c-0" bind:__l="__l" u-p="{{e}}"></uni-notice-bar></view></view><view class="" style="width:100%;margin-top:30.56rpx"><swiper indicator-dots="{{false}}" autoplay="{{true}}" interval="{{3000}}" duration="{{500}}" circular="{{true}}"><swiper-item wx:for="{{f}}" wx:for-item="item" wx:key="b"><view class="" style="background-color:#F5D677;width:100%;height:300rpx">{{item.a}}</view></swiper-item></swiper></view><view class="" style="width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:29.86rpx"><view wx:for="{{g}}" wx:for-item="item" class="" style="display:flex;flex-direction:column;justify-content:center"><view class="" style="{{'width:159.72rpx;height:159.72rpx;background-color:#FDF4D5;border-radius:40rpx' + ';' + ('border:' + item.a)}}"></view><text style="text-align:center;margin-top:13.19rpx;font-size:22.22rpx;color:#685952;width:159.72rpx;text-overflow:ellipsis;white-space:nowrap;overflow:hidden">{{item.b}}</text></view></view><view class="" style="width:100%;display:flex;flex-direction:row;margin-top:32.64rpx"><view wx:for="{{h}}" wx:for-item="item" class="" bindtap="{{item.b}}" style="{{item.c + ';' + 'padding:0 16.67rpx 6rpx 16.67rpx;margin-right:26.39rpx;border-radius:50rpx'}}"><text style="font-size:23.61rpx">{{item.a}}</text></view></view><view class="grid-container"><view wx:for="{{i}}" wx:for-item="item" class="" style="height:490.28rpx;background-color:#FEF6D6;border:3rpx solid #F9D051;border-radius:40rpx;display:flex;flex-direction:column"><view class="" style="width:100%;height:320.83rpx;background-color:#FFFFFF;border-radius:40rpx 40rpx 0 0"></view><text style="width:280.56rpx;margin:15.28rpx auto;font-size:25rpx;color:#685952;font-family:'jcyt', sans-serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis">{{item.a}}</text><text style="font-size:19.44rpx;color:#FF6A6A;margin-left:24.31rpx">现货发售中</text><view class="" style="display:flex;flex-direction:row;margin-left:20.31rpx"><text style="font-size:29.17rpx;color:#87644E;font-family:'jcyt', sans-serif">￥{{item.b}}</text><text style="font-size:19.44rpx;color:#87644E;margin-top:10rpx"> / 包</text></view></view></view></view></view>
|
||||
|
|
@ -34,11 +34,21 @@
|
|||
}
|
||||
.news-text {
|
||||
width: 600rpx;
|
||||
height: 90rpx;
|
||||
height: 57.64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 18rpx;
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
.news-text.uni-noticebar__content-text {
|
||||
font-size: 24rpx;
|
||||
font-size: 22.22rpx;
|
||||
}
|
||||
.grid-container {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
/* 3列等宽 */
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
/* 间距 */
|
||||
gap: 34.72rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
BIN
unpackage/dist/dev/mp-weixin/static/bags_bg.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/static/bags_bg.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 669 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/fonts/jcyt.ttf
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/static/fonts/jcyt.ttf
vendored
Normal file
Binary file not shown.
BIN
unpackage/dist/dev/mp-weixin/static/ic_add.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/static/ic_add.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/ic_check.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/static/ic_check.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/ic_check_s.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/static/ic_check_s.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/ic_minus.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/static/ic_minus.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/pay_bg.png
vendored
Normal file
BIN
unpackage/dist/dev/mp-weixin/static/pay_bg.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Loading…
Reference in New Issue
Block a user