Merge branch 'main' of http://192.168.195.14:3000/shang/youdas
This commit is contained in:
zpc
commit
c0a7d6768c
12
pages.json
12
pages.json
|
|
@ -29,12 +29,12 @@
|
|||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "uni-app",
|
||||
"navigationBarBackgroundColor": "#FFFFFF",
|
||||
"backgroundColor": "#F7F7F7"
|
||||
},
|
||||
// "globalStyle": {
|
||||
// "navigationBarTextStyle": "black",
|
||||
// "navigationBarTitleText": "uni-app",
|
||||
// "navigationBarBackgroundColor": "#FFFFFF",
|
||||
// "backgroundColor": "#F7F7F7"
|
||||
// },
|
||||
"tabBar": {
|
||||
"color": "#C6C6C6",
|
||||
"selectedColor": "#333333",
|
||||
|
|
|
|||
|
|
@ -1,10 +1,77 @@
|
|||
<template>
|
||||
<view id="content">
|
||||
<view class="content">
|
||||
<view class="" style="width: 100%; height: 225.19rpx; background-color: white; position: relative;">
|
||||
<view class="">
|
||||
<view class="title">
|
||||
商城
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 顶部三个商品 -->
|
||||
<view class="top">
|
||||
|
||||
<view v-for="(item,index) in topDataList" class="item">
|
||||
|
||||
<view class="img">
|
||||
|
||||
</view>
|
||||
|
||||
<view class="" style="width: 100%; height: 109.07rpx; position: relative;">
|
||||
<view class=""
|
||||
style="width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 19.08rpx; color: #333333; text-align: center; margin-top: 10rpx;">
|
||||
{{item.name}}
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="position: absolute; display: flex; flex-direction: row; left: 13rpx; bottom:24rpx;">
|
||||
<text style="font-size: 15.27rpx;margin-top: 10rpx;">￥</text>
|
||||
<text style="font-size: 22.9rpx;">{{item.price}}</text>
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="position: absolute; display: flex; flex-direction: row; right: 13rpx; bottom:24rpx;">
|
||||
<text style="font-size: 15.27rpx; color: #6C6C6C;">{{item.num}}/1</text>
|
||||
<image src="/static/ic_box.png" style="width: 17.39rpx; height: 17.39rpx; margin-left: 7rpx;"
|
||||
mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<scroll-view class="view-list" scroll-y="true">
|
||||
<view class="" v-for="(item,index) in dataList"
|
||||
style="width: 100%; height: 261.45rpx; background-color: #FFFFFF; margin-bottom: 21rpx; border-radius: 15.27rpx; position: relative;">
|
||||
|
||||
<view class=""
|
||||
style="width: 216.31rpx; height: 216.31rpx; background-color: #D8D8D8; border-radius: 15.27rpx; position: absolute; left: 22rpx; top: 22rpx;">
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="width: 350rpx;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 269rpx; top: 44rpx; font-size: 26.72rpx;">
|
||||
{{item.name}}
|
||||
</view>
|
||||
|
||||
<view class="" style="position: absolute; display: flex; flex-direction: row; left: 269rpx; top:95rpx;">
|
||||
<text style="font-size: 15.27rpx; color: #6C6C6C;">{{item.num}}/1</text>
|
||||
<image src="/static/ic_box.png" style="width: 17.39rpx; height: 17.39rpx; margin-left: 7rpx;"
|
||||
mode=""></image>
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="position: absolute; display: flex; flex-direction: row; left: 269rpx; bottom:44rpx;">
|
||||
<text style="font-size: 19.08rpx;margin-top: 15rpx;">￥</text>
|
||||
<text style="font-size: 34.35rpx">{{item.price}}</text>
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="width: 89.22rpx; height: 42rpx; border-radius: 20.99rpx; border: 1rpx solid #6C6C6C; display: flex; align-items: center; justify-content: center; position: absolute; right: 38rpx; bottom: 38rpx;">
|
||||
<text style="font-size: 19.08rpx; color: #6C6C6C;">购买</text>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -12,6 +79,53 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
topDataList: [{
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, ],
|
||||
dataList: [{
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, ]
|
||||
|
||||
}
|
||||
},
|
||||
|
|
@ -29,10 +143,47 @@
|
|||
flex-direction: column;
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
|
||||
.title{
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32.44rpx;
|
||||
position: absolute;
|
||||
bottom: 20rpx;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
|
||||
.top {
|
||||
width: 688.94rpx;
|
||||
height: 325.38rpx;
|
||||
margin: 34rpx auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
||||
|
||||
.item {
|
||||
width: 216.31rpx;
|
||||
height: 100%;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 15.27rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 100%;
|
||||
height: 216.31rpx;
|
||||
background-color: #D8D8D8;
|
||||
border-radius: 15.27rpx 15.27rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.view-list {
|
||||
width: 688.93rpx;
|
||||
height: 850rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style>
|
||||
116
pages/me/me.vue
116
pages/me/me.vue
|
|
@ -1,6 +1,71 @@
|
|||
<template>
|
||||
<view>
|
||||
|
||||
<view class="content">
|
||||
<view class="" style="width: 100%; height: 225.19rpx; background-color: white; position: relative;">
|
||||
<view class="title">
|
||||
我的
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="" style="width: 688.93rpx; display: flex; flex-direction: column; margin: 34rpx auto;">
|
||||
|
||||
<view class="" style="width: 100%; height: 80.15rpx; position: relative;">
|
||||
|
||||
<view class="" style="width: 80.15rpx; height: 80.15rpx; background-color: #D8D8D8;"></view>
|
||||
|
||||
<view class=""
|
||||
style="position: absolute; left: 103rpx; top: 11rpx; font-size: 22.9rpx; color: #333333;">
|
||||
666688888
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="position: absolute; left: 103rpx; top: 50rpx; font-size: 19.08rpx; color: #8A8A8A;">
|
||||
已陪你走过了100天
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class=""
|
||||
style="width: 100%; height: 143.13rpx; background-color: white; border-radius: 15.27rpx; margin-top: 36rpx; display: flex; flex-direction: row; justify-content: space-around;">
|
||||
|
||||
<view class=""
|
||||
style="display: flex; flex-direction: column; width: 100rpx; height: 100%; align-items: center; justify-content: center;">
|
||||
<text style="font-size: 41.98rpx; color: #333333;">0</text>
|
||||
<text style="font-size: 19.08rpx; color: #8A8A8A;">待发货</text>
|
||||
</view>
|
||||
<view class=""
|
||||
style="display: flex; flex-direction: column; width: 100rpx; height: 100%; align-items: center; justify-content: center;">
|
||||
<text style="font-size: 41.98rpx; color: #333333;">0</text>
|
||||
<text style="font-size: 19.08rpx; color: #8A8A8A;">待发货</text>
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="display: flex; flex-direction: column; width: 100rpx; height: 100%; align-items: center; justify-content: center;">
|
||||
<text style="font-size: 41.98rpx; color: #333333;">0</text>
|
||||
<text style="font-size: 19.08rpx; color: #8A8A8A;">待发货</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="" style="width: 100%; margin-top: 36rpx;">
|
||||
|
||||
<view v-for="(item,index) in itemList" class=""
|
||||
style="width: 100%; height: 82.06rpx; background-color: white; border-radius: 15.27rpx;display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 15rpx; align-items: center;">
|
||||
<text style="margin-left: 27rpx; font-size: 22.9rpx; color: #333333;">{{item.title}}</text>
|
||||
<image src="/static/ic_arrow.png" style="width: 10.67rpx; height: 19.66rpx; margin-right: 25rpx;">
|
||||
</image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -8,15 +73,54 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
itemList: [{
|
||||
id: 1,
|
||||
title: "消费记录",
|
||||
}, {
|
||||
id: 1,
|
||||
title: "我的收藏",
|
||||
}, {
|
||||
id: 1,
|
||||
title: "优惠券",
|
||||
}, {
|
||||
id: 1,
|
||||
title: "加入福利群",
|
||||
}, {
|
||||
id: 1,
|
||||
title: "用户协议",
|
||||
}, {
|
||||
id: 1,
|
||||
title: "退出登录",
|
||||
}, {
|
||||
id: 1,
|
||||
title: "注销账号",
|
||||
},
|
||||
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="scss">
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
|
||||
</style>
|
||||
.title {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32.44rpx;
|
||||
position: absolute;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
</style>
|
||||
BIN
static/ic_arrow.png
Normal file
BIN
static/ic_arrow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 417 B |
BIN
static/ic_box.png
Normal file
BIN
static/ic_box.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 403 B |
|
|
@ -1 +1 @@
|
|||
{"version":3,"names":["_sfc_main","data","tabCur","tabList","onLoad","methods","wx","createPage","MiniProgramPage"],"sources":["index.vue","cGFnZXMvaW5kZXgvaW5kZXgudnVl"],"sourcesContent":["<template>\r\n\t<view class=\"\">\r\n\r\n\t\t<view class=\"\" style=\"width: 100%; height: 225.19rpx; background-color: antiquewhite; position: relative;\">\r\n\r\n\t\t\t<view class=\"tab\">\r\n\t\t\t\t<view class=\"tab-item center relative\" v-for=\"(item, i) in tabList\" :key=\"i\"\r\n\t\t\t\t\t:class=\"tabCur == i ? 'act' : 'unact'\" @click=\"tabChange(i)\">\r\n\t\t\t\t\t<text>{{ item }}</text>\r\n\t\t\t\t</view>\r\n\r\n\t\t\t</view>\r\n\r\n\r\n\t\t</view>\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\ttabCur: 0,\r\n\t\t\t\ttabList: [\"热榜\", \"精选\", \"关注\"]\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 lang=\"scss\">\r\n\t.content {\r\n\t\twidth: 100%;\r\n\t\theight: 100vh;\r\n\t}\r\n\r\n\t.tab {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tposition: absolute;\r\n\t\tbottom: 10rpx;\r\n\t\tpadding: 10rpx 30rpx;\r\n\r\n\r\n\t\t.tab-item {\r\n\t\t\twidth: 155rpx;\r\n\t\t\theight: 68rpx;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-right: 25rpx;\r\n\r\n\t\t\t&.act {\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 28rpx;\r\n\t\t\t\tcolor: #333333;\r\n\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\t\twidth: 48rpx;\r\n\t\t\t\t\theight: 4rpx;\r\n\t\t\t\t\tbackground: #333333;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.unact {\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 28rpx;\r\n\t\t\t\tcolor: #CCCCCC;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>","import MiniProgramPage from 'F:/gitCode/uniapp/youdas/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"mappings":";;;;AAoBC,IAAKA,SAAA,GAAU;EACdC,IAAA,WAAAA,KAAA,EAAO;IACN,OAAO;MACNC,MAAA,EAAQ;MACRC,OAAA,EAAS,CAAC,MAAM,MAAM,IAAI;IAC3B;EACA;EACDC,MAAA,WAAAA,OAAA,EAAS,CAER;EACDC,OAAA,EAAS,CAET;AACD;;;;;;;;;;;;;;;;AChCDC,EAAA,CAAGC,UAAA,CAAWC,eAAe","ignoreList":[]}
|
||||
{"version":3,"names":["icon","common_vendor","ref","login_icon","tips_text","onLoad","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","network","wrap","_callee$","_context","prev","next","index","getNetworkType","sent","networkType","value","onNetworkStatusChange","checkNetwork","abrupt","common_system_router","navigateTo","stop","res","__f__","isConnected","wx","createPage","_sfc_main"],"sources":["index.vue","cGFnZXMvaW5kZXgvaW5kZXgudnVl"],"sourcesContent":["<template>\r\n\t<view class=\"page\">\r\n\t\t<view class=\"welcome\">\r\n\t\t\t<image class=\"welcome__logo\" :src=\"icon\" mode=\"aspectFit\">\r\n\t\t\t</image>\r\n\t\t\t<image :src=\"login_icon\" class=\"welcome__animation\"></image>\r\n\t\t\t<view class=\"welcome__tips\">{{ tips_text }}</view>\r\n\t\t</view>\r\n\t</view>\r\n</template>\r\n\r\n<script setup>\r\nimport { defineComponent, ref } from 'vue'\r\nimport { onLoad } from '@dcloudio/uni-app'\r\nimport { getConfig } from '@/common/server/config';\r\nimport { navigateTo } from '@/common/system/router';\r\nlet icon = ref(\"/static/app-plus/icon_108.png\");\r\nlet login_icon = ref(\"/static/app-plus/index_login.gif\");\r\nlet tips_text = ref(\"正在加载中。。。\");\r\nonLoad(async () => {\r\n\t// 检查网络状态\r\n\tconst network = await uni.getNetworkType();\r\n\tif (network.networkType === 'none') {\r\n\t\ttips_text.value = '请检查网络连接';\r\n\t\t// 监听网络状态变化\r\n\t\tuni.onNetworkStatusChange(checkNetwork);\r\n\t\treturn;\r\n\t}\r\n\r\n\tnavigateTo('/pages/news/news');\r\n\t// const config = await getConfig();\r\n\t// console.log('config', config);\r\n\t// const config1 = await getConfig();\r\n\t// console.log('config1', config1);\r\n});\r\n/**\r\n * 检查网络状态\r\n * @param {Object} res 网络状态\r\n */\r\nfunction checkNetwork(res) {\r\n\tconsole.log('网络状态变化:', res.isConnected, res.networkType);\r\n\tif (res.isConnected) {\r\n\t\ttips_text.value = '正在加载中。。。';\r\n\t\t// #ifdef APP\r\n\t\tplus.runtime.restart();\r\n\t\t// #endif\r\n\t} else {\r\n\t\ttips_text.value = '请检查网络连接';\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.page {\r\n\twidth: 100vw;\r\n\theight: 100vh;\r\n\tbackground-color: #f8f8f8;\r\n}\r\n\r\n.welcome {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tpadding: 20px;\r\n\r\n\t&__logo {\r\n\t\twidth: 96px;\r\n\t\theight: 96px;\r\n\t\tmargin-top: 20vh;\r\n\t\tborder-radius: 50%;\r\n\t}\r\n\r\n\t&__animation {\r\n\t\twidth: 200rpx;\r\n\t\theight: 200rpx;\r\n\t}\r\n\r\n\t&__tips {\r\n\t\tmargin-top: 10px;\r\n\t}\r\n}\r\n</style>","import MiniProgramPage from 'F:/gitCode/uniapp/youdas/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"mappings":";;;;;;;;;;;;IAgBA,IAAIA,IAAA,GAAOC,aAAA,CAAAC,GAAA,CAAI,+BAA+B;IAC9C,IAAIC,UAAA,GAAaF,aAAA,CAAAC,GAAA,CAAI,kCAAkC;IACvD,IAAIE,SAAA,GAAYH,aAAA,CAAAC,GAAA,CAAI,UAAU;IAC9BD,aAAA,CAAAI,MAAA,eAAAC,kBAAA,eAAAC,oBAAA,GAAAC,IAAA,CAAO,SAAAC,QAAA;MAAA,IAAAC,OAAA;MAAA,OAAAH,oBAAA,GAAAI,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;UAAA;YAAAF,QAAA,CAAAE,IAAA;YAAA,OAEgBd,aAAA,CAAAe,KAAA,CAAIC,cAAA;UAAA;YAApBP,OAAA,GAAAG,QAAA,CAAAK,IAAA;YAAA,MACFR,OAAA,CAAQS,WAAA,KAAgB;cAAAN,QAAA,CAAAE,IAAA;cAAA;YAAA;YAC3BX,SAAA,CAAUgB,KAAA,GAAQ;YAElBnB,aAAA,CAAAe,KAAA,CAAIK,qBAAA,CAAsBC,YAAY;YAAA,OAAAT,QAAA,CAAAU,MAAA;UAAA;YAIvCC,oBAAA,CAAUC,UAAA,CAAC,kBAAkB;UAAA;UAAA;YAAA,OAAAZ,QAAA,CAAAa,IAAA;QAAA;MAAA,GAAAjB,OAAA;IAAA,CAK7B;IAKD,SAASa,aAAaK,GAAA,EAAK;MAC1B1B,aAAA,CAAAe,KAAA,CAAAY,KAAA,uCAAY,WAAWD,GAAA,CAAIE,WAAA,EAAaF,GAAA,CAAIR,WAAW;MACvD,IAAIQ,GAAA,CAAIE,WAAA,EAAa;QACpBzB,SAAA,CAAUgB,KAAA,GAAQ;MAIpB,OAAQ;QACNhB,SAAA,CAAUgB,KAAA,GAAQ;MAClB;IACF;;;;;;;;;;AChDAU,EAAA,CAAGC,UAAA,CAAWC,SAAe","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>\n","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>\r\n\t/*每个页面公共css */\r\n</style>\n","import App from './App'\r\n\r\n// #ifndef VUE3\r\nimport Vue from 'vue'\r\nimport './uni.promisify.adaptor'\r\nVue.config.productionTip = false\r\nApp.mpType = 'app'\r\nconst app = new Vue({\r\n\t...App\r\n})\r\napp.$mount()\r\n// #endif\r\n\r\n// #ifdef VUE3\r\nimport {\r\n\tcreateSSRApp\r\n} from 'vue'\r\nexport function createApp() {\r\n\tconst app = createSSRApp(App)\r\n\treturn {\r\n\t\tapp\r\n\t}\r\n}\r\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;ACMM,SAAS,YAAY;AAC3B,QAAM,MAAMC,cAAY,aAACC,SAAG;AAC5B,SAAO;AAAA,IACN;AAAA,EACA;AACF;;;"}
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"assets.js","sources":["static/logo.png"],"sourcesContent":["export default \"__VITE_ASSET__46719607__\""],"names":[],"mappings":";AAAA,MAAe,aAAA;;"}
|
||||
{"version":3,"file":"assets.js","sources":["static/ic_box.png","static/ic_arrow.png"],"sourcesContent":["export default \"__VITE_ASSET__3d61de0b__\"","export default \"__VITE_ASSET__f0e37cf1__\""],"names":[],"mappings":";AAAA,MAAe,eAAA;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":"me.js","sources":["pages/me/me.vue","../../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvbWUvbWUudnVl"],"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/youdas/pages/me/me.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.js","sources":["pages/me/me.vue","../../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvbWUvbWUudnVl"],"sourcesContent":["<template>\r\n\t<view class=\"content\">\r\n\t\t<view class=\"\" style=\"width: 100%; height: 225.19rpx; background-color: white; position: relative;\">\r\n\t\t\t<view class=\"title\">\r\n\t\t\t\t我的\r\n\t\t\t</view>\r\n\t\t</view>\r\n\r\n\t\t<view class=\"\" style=\"width: 688.93rpx; display: flex; flex-direction: column; margin: 34rpx auto;\">\r\n\r\n\t\t\t<view class=\"\" style=\"width: 100%; height: 80.15rpx; position: relative;\">\r\n\r\n\t\t\t\t<view class=\"\" style=\"width: 80.15rpx; height: 80.15rpx; background-color: #D8D8D8;\"></view>\r\n\r\n\t\t\t\t<view class=\"\"\r\n\t\t\t\t\tstyle=\"position: absolute; left: 103rpx; top: 11rpx; font-size: 22.9rpx; color: #333333;\">\r\n\t\t\t\t\t666688888\r\n\t\t\t\t</view>\r\n\r\n\t\t\t\t<view class=\"\"\r\n\t\t\t\t\tstyle=\"position: absolute; left: 103rpx; top: 50rpx; font-size: 19.08rpx; color: #8A8A8A;\">\r\n\t\t\t\t\t已陪你走过了100天\r\n\t\t\t\t</view>\r\n\r\n\t\t\t</view>\r\n\r\n\r\n\r\n\t\t\t<view class=\"\"\r\n\t\t\t\tstyle=\"width: 100%; height: 143.13rpx; background-color: white; border-radius: 15.27rpx; margin-top: 36rpx; display: flex; flex-direction: row; justify-content: space-around;\">\r\n\r\n\t\t\t\t<view class=\"\"\r\n\t\t\t\t\tstyle=\"display: flex; flex-direction: column; width: 100rpx; height: 100%; align-items: center; justify-content: center;\">\r\n\t\t\t\t\t<text style=\"font-size: 41.98rpx; color: #333333;\">0</text>\r\n\t\t\t\t\t<text style=\"font-size: 19.08rpx; color: #8A8A8A;\">待发货</text>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"\"\r\n\t\t\t\t\tstyle=\"display: flex; flex-direction: column; width: 100rpx; height: 100%; align-items: center; justify-content: center;\">\r\n\t\t\t\t\t<text style=\"font-size: 41.98rpx; color: #333333;\">0</text>\r\n\t\t\t\t\t<text style=\"font-size: 19.08rpx; color: #8A8A8A;\">待发货</text>\r\n\t\t\t\t</view>\r\n\r\n\t\t\t\t<view class=\"\"\r\n\t\t\t\t\tstyle=\"display: flex; flex-direction: column; width: 100rpx; height: 100%; align-items: center; justify-content: center;\">\r\n\t\t\t\t\t<text style=\"font-size: 41.98rpx; color: #333333;\">0</text>\r\n\t\t\t\t\t<text style=\"font-size: 19.08rpx; color: #8A8A8A;\">待发货</text>\r\n\t\t\t\t</view>\r\n\r\n\t\t\t</view>\r\n\r\n\t\t\t<view class=\"\" style=\"width: 100%; margin-top: 36rpx;\">\r\n\r\n\t\t\t\t<view v-for=\"(item,index) in itemList\" class=\"\"\r\n\t\t\t\t\tstyle=\"width: 100%; height: 82.06rpx; background-color: white; border-radius: 15.27rpx;display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 15rpx; align-items: center;\">\r\n\t\t\t\t\t<text style=\"margin-left: 27rpx; font-size: 22.9rpx; color: #333333;\">{{item.title}}</text>\r\n\t\t\t\t\t<image src=\"/static/ic_arrow.png\" style=\"width: 10.67rpx; height: 19.66rpx; margin-right: 25rpx;\">\r\n\t\t\t\t\t</image>\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\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\titemList: [{\r\n\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\ttitle: \"消费记录\",\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\ttitle: \"我的收藏\",\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\ttitle: \"优惠券\",\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\ttitle: \"加入福利群\",\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\ttitle: \"用户协议\",\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\ttitle: \"退出登录\",\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\ttitle: \"注销账号\",\r\n\t\t\t\t\t},\r\n\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: 100%;\r\n\t\theight: 100vh;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground-color: #F7F7F7;\r\n\t}\r\n\r\n\t.title {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tfont-size: 32.44rpx;\r\n\t\tposition: absolute;\r\n\t\tbottom: 30rpx;\r\n\t}\r\n</style>","import MiniProgramPage from 'F:/gitCode/uniapp/youdas/pages/me/me.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;;AAwEC,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO;AAAA,MACN,UAAU;AAAA,QAAC;AAAA,UACT,IAAI;AAAA,UACJ,OAAO;AAAA,QACR;AAAA,QAAG;AAAA,UACF,IAAI;AAAA,UACJ,OAAO;AAAA,QACR;AAAA,QAAG;AAAA,UACF,IAAI;AAAA,UACJ,OAAO;AAAA,QACR;AAAA,QAAG;AAAA,UACF,IAAI;AAAA,UACJ,OAAO;AAAA,QACR;AAAA,QAAG;AAAA,UACF,IAAI;AAAA,UACJ,OAAO;AAAA,QACR;AAAA,QAAG;AAAA,UACF,IAAI;AAAA,UACJ,OAAO;AAAA,QACR;AAAA,QAAG;AAAA,UACF,IAAI;AAAA,UACJ,OAAO;AAAA,QACP;AAAA,MAEF;AAAA,IACD;AAAA,EACA;AAAA,EACD,SAAS,CAET;AACD;;;;;;;;;;;;ACvGD,GAAG,WAAW,eAAe;"}
|
||||
3
unpackage/dist/dev/mp-weixin/app.js
vendored
3
unpackage/dist/dev/mp-weixin/app.js
vendored
|
|
@ -2,11 +2,10 @@
|
|||
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
||||
const common_vendor = require("./common/vendor.js");
|
||||
if (!Math) {
|
||||
"./pages/news/news.js";
|
||||
"./pages/index/index.js";
|
||||
"./pages/news/news.js";
|
||||
"./pages/mall/mall.js";
|
||||
"./pages/me/me.js";
|
||||
"./pages/news/news_details.js";
|
||||
}
|
||||
const _sfc_main = {
|
||||
onLaunch: function() {
|
||||
|
|
|
|||
11
unpackage/dist/dev/mp-weixin/app.json
vendored
11
unpackage/dist/dev/mp-weixin/app.json
vendored
|
|
@ -1,17 +1,10 @@
|
|||
{
|
||||
"pages": [
|
||||
"pages/news/news",
|
||||
"pages/index/index",
|
||||
"pages/news/news",
|
||||
"pages/mall/mall",
|
||||
"pages/me/me",
|
||||
"pages/news/news_details"
|
||||
"pages/me/me"
|
||||
],
|
||||
"window": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "uni-app",
|
||||
"navigationBarBackgroundColor": "#FFFFFF",
|
||||
"backgroundColor": "#F7F7F7"
|
||||
},
|
||||
"tabBar": {
|
||||
"color": "#C6C6C6",
|
||||
"selectedColor": "#333333",
|
||||
|
|
|
|||
7268
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
7268
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
File diff suppressed because it is too large
Load Diff
100
unpackage/dist/dev/mp-weixin/pages/index/index.js
vendored
100
unpackage/dist/dev/mp-weixin/pages/index/index.js
vendored
|
|
@ -1,75 +1,39 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
require("../../common/system/routeMap.js");
|
||||
require("../../common/platform/PlatformFactory.js");
|
||||
const common_system_router = require("../../common/system/router.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
tabC: 1,
|
||||
tabList: ["热榜", "精选", "关注"],
|
||||
dataList: [{
|
||||
id: 1,
|
||||
title: "联合国预测世界人口将达到80亿，这一数字这一数字",
|
||||
tiem: "今天 20:01",
|
||||
imgUrl: ""
|
||||
}, {
|
||||
id: 1,
|
||||
title: "联合国预测世界人口将达到80亿，这一数字……",
|
||||
tiem: "今天 20:01",
|
||||
imgUrl: ""
|
||||
}, {
|
||||
id: 1,
|
||||
title: "联合国预测世界人口将达到80亿，这一数字……",
|
||||
tiem: "今天 20:01",
|
||||
imgUrl: ""
|
||||
}, {
|
||||
id: 1,
|
||||
title: "联合国预测世界人口将达到80亿，这一数字……",
|
||||
tiem: "今天 20:01",
|
||||
imgUrl: ""
|
||||
}, {
|
||||
id: 1,
|
||||
title: "联合国预测世界人口将达到80亿，这一数字……",
|
||||
tiem: "今天 20:01",
|
||||
imgUrl: ""
|
||||
}, {
|
||||
id: 1,
|
||||
title: "联合国预测世界人口将达到80亿，这一数字……",
|
||||
tiem: "今天 20:01",
|
||||
imgUrl: ""
|
||||
}]
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
},
|
||||
methods: {
|
||||
tabChange(i) {
|
||||
this.tabC = i;
|
||||
},
|
||||
toDetails(i) {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/index/news_details"
|
||||
});
|
||||
__name: "index",
|
||||
setup(__props) {
|
||||
let icon = common_vendor.ref("/static/app-plus/icon_108.png");
|
||||
let login_icon = common_vendor.ref("/static/app-plus/index_login.gif");
|
||||
let tips_text = common_vendor.ref("正在加载中。。。");
|
||||
common_vendor.onLoad(async () => {
|
||||
const network = await common_vendor.index.getNetworkType();
|
||||
if (network.networkType === "none") {
|
||||
tips_text.value = "请检查网络连接";
|
||||
common_vendor.index.onNetworkStatusChange(checkNetwork);
|
||||
return;
|
||||
}
|
||||
common_system_router.navigateTo("/pages/news/news");
|
||||
});
|
||||
function checkNetwork(res) {
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:41", "网络状态变化:", res.isConnected, res.networkType);
|
||||
if (res.isConnected) {
|
||||
tips_text.value = "正在加载中。。。";
|
||||
} else {
|
||||
tips_text.value = "请检查网络连接";
|
||||
}
|
||||
}
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.unref(icon),
|
||||
b: common_vendor.unref(login_icon),
|
||||
c: common_vendor.t(common_vendor.unref(tips_text))
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.f($data.tabList, (item, i, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: i,
|
||||
c: common_vendor.n($data.tabC == i ? "act" : "unact"),
|
||||
d: common_vendor.o(($event) => $options.tabChange(i), i)
|
||||
};
|
||||
}),
|
||||
b: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.title),
|
||||
b: common_vendor.t(item.tiem),
|
||||
c: common_vendor.o(($event) => $options.toDetails(item.id))
|
||||
};
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
wx.createPage(_sfc_main);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/index/index.js.map
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
{
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
<view class="content"><view class="" style="width:100%;height:225.19rpx;background-color:white;position:relative"><view class="tab"><view wx:for="{{a}}" wx:for-item="item" wx:key="b" class="{{['tab-item', item.c]}}" bindtap="{{item.d}}"><text>{{item.a}}</text></view></view></view><scroll-view class="" scroll-y="true" style="width:688.93rpx;height:1211rpx;margin:15rpx auto"><view wx:for="{{b}}" wx:for-item="item" class="view-data" bindtap="{{item.c}}"><view class="title">{{item.a}}</view><view class="time">{{item.b}}</view><view class="img"></view></view></scroll-view></view>
|
||||
<view class="page"><view class="welcome"><image class="welcome__logo" src="{{a}}" mode="aspectFit"></image><image src="{{b}}" class="welcome__animation"></image><view class="welcome__tips">{{c}}</view></view></view>
|
||||
|
|
@ -11,90 +11,27 @@
|
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.content {
|
||||
width: 100%;
|
||||
.page {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.welcome {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
.tab {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
bottom: 20rpx;
|
||||
padding: 20px;
|
||||
}
|
||||
.tab .tab-item {
|
||||
width: 155rpx;
|
||||
height: 68rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.welcome__logo {
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
margin-top: 20vh;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.tab .tab-item.act {
|
||||
font-size: 30.53rpx;
|
||||
color: #000000;
|
||||
.welcome__animation {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
.tab .tab-item.act::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 26.72rpx;
|
||||
height: 4rpx;
|
||||
background: #333333;
|
||||
}
|
||||
.tab .tab-item.unact {
|
||||
font-size: 30.53rpx;
|
||||
color: #4C4C4C;
|
||||
}
|
||||
.view-data {
|
||||
width: 100%;
|
||||
height: 225.19rpx;
|
||||
background-color: white;
|
||||
margin-bottom: 15rpx;
|
||||
border-radius: 19.08rpx;
|
||||
position: relative;
|
||||
}
|
||||
.view-data .title {
|
||||
width: 366.41rpx;
|
||||
height: 83.97rpx;
|
||||
position: absolute;
|
||||
top: 32rpx;
|
||||
left: 20rpx;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.view-data .time {
|
||||
position: absolute;
|
||||
left: 20rpx;
|
||||
font-size: 22.9rpx;
|
||||
color: #878787;
|
||||
bottom: 24rpx;
|
||||
}
|
||||
.view-data .img {
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
top: 34rpx;
|
||||
width: 225.19rpx;
|
||||
height: 158.4rpx;
|
||||
background-color: #D8D8D8;
|
||||
.welcome__tips {
|
||||
margin-top: 10px;
|
||||
}
|
||||
70
unpackage/dist/dev/mp-weixin/pages/mall/mall.js
vendored
70
unpackage/dist/dev/mp-weixin/pages/mall/mall.js
vendored
|
|
@ -1,13 +1,79 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {};
|
||||
return {
|
||||
topDataList: [{
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}],
|
||||
dataList: [{
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}, {
|
||||
imgUrl: "",
|
||||
name: "英雄联盟K/DA系列…",
|
||||
num: "1",
|
||||
price: "69"
|
||||
}]
|
||||
};
|
||||
},
|
||||
methods: {}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {};
|
||||
return {
|
||||
a: common_vendor.f($data.topDataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.name),
|
||||
b: common_vendor.t(item.price),
|
||||
c: common_vendor.t(item.num)
|
||||
};
|
||||
}),
|
||||
b: common_assets._imports_0,
|
||||
c: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.name),
|
||||
b: common_vendor.t(item.num),
|
||||
c: common_vendor.t(item.price)
|
||||
};
|
||||
}),
|
||||
d: common_assets._imports_0
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view id="content"><view class="" style="width:100%;height:225.19rpx;background-color:white;position:relative"><view class=""> 商城 </view></view></view>
|
||||
<view class="content"><view class="" style="width:100%;height:225.19rpx;background-color:white;position:relative"><view class="title"> 商城 </view></view><view class="top"><view wx:for="{{a}}" wx:for-item="item" class="item"><view class="img"></view><view class="" style="width:100%;height:109.07rpx;position:relative"><view class="" style="width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19.08rpx;color:#333333;text-align:center;margin-top:10rpx">{{item.a}}</view><view class="" style="position:absolute;display:flex;flex-direction:row;left:13rpx;bottom:24rpx"><text style="font-size:15.27rpx;margin-top:10rpx">￥</text><text style="font-size:22.9rpx">{{item.b}}</text></view><view class="" style="position:absolute;display:flex;flex-direction:row;right:13rpx;bottom:24rpx"><text style="font-size:15.27rpx;color:#6C6C6C">{{item.c}}/1</text><image src="{{b}}" style="width:17.39rpx;height:17.39rpx;margin-left:7rpx" mode=""></image></view></view></view></view><scroll-view class="view-list" scroll-y="true"><view wx:for="{{c}}" wx:for-item="item" class="" style="width:100%;height:261.45rpx;background-color:#FFFFFF;margin-bottom:21rpx;border-radius:15.27rpx;position:relative"><view class="" style="width:216.31rpx;height:216.31rpx;background-color:#D8D8D8;border-radius:15.27rpx;position:absolute;left:22rpx;top:22rpx"></view><view class="" style="width:350rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:269rpx;top:44rpx;font-size:26.72rpx">{{item.a}}</view><view class="" style="position:absolute;display:flex;flex-direction:row;left:269rpx;top:95rpx"><text style="font-size:15.27rpx;color:#6C6C6C">{{item.b}}/1</text><image src="{{d}}" style="width:17.39rpx;height:17.39rpx;margin-left:7rpx" mode=""></image></view><view class="" style="position:absolute;display:flex;flex-direction:row;left:269rpx;bottom:44rpx"><text style="font-size:19.08rpx;margin-top:15rpx">￥</text><text style="font-size:34.35rpx">{{item.c}}</text></view><view class="" style="width:89.22rpx;height:42rpx;border-radius:20.99rpx;border:1rpx solid #6C6C6C;display:flex;align-items:center;justify-content:center;position:absolute;right:38rpx;bottom:38rpx"><text style="font-size:19.08rpx;color:#6C6C6C">购买</text></view></view></scroll-view></view>
|
||||
|
|
@ -11,18 +11,6 @@
|
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
@ -31,6 +19,38 @@
|
|||
background-color: #F7F7F7;
|
||||
}
|
||||
.title {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32.44rpx;
|
||||
position: absolute;
|
||||
bottom: 20rpx;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
.top {
|
||||
width: 688.94rpx;
|
||||
height: 325.38rpx;
|
||||
margin: 34rpx auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.top .item {
|
||||
width: 216.31rpx;
|
||||
height: 100%;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 15.27rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.top .img {
|
||||
width: 100%;
|
||||
height: 216.31rpx;
|
||||
background-color: #D8D8D8;
|
||||
border-radius: 15.27rpx 15.27rpx 0rpx 0rpx;
|
||||
}
|
||||
.view-list {
|
||||
width: 688.93rpx;
|
||||
height: 850rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
43
unpackage/dist/dev/mp-weixin/pages/me/me.js
vendored
43
unpackage/dist/dev/mp-weixin/pages/me/me.js
vendored
|
|
@ -1,13 +1,52 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {};
|
||||
return {
|
||||
itemList: [
|
||||
{
|
||||
id: 1,
|
||||
title: "消费记录"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "我的收藏"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "优惠券"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "加入福利群"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "用户协议"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "退出登录"
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
title: "注销账号"
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {};
|
||||
return {
|
||||
a: common_vendor.f($data.itemList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.title)
|
||||
};
|
||||
}),
|
||||
b: common_assets._imports_0$1
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view></view>
|
||||
<view class="content"><view class="" style="width:100%;height:225.19rpx;background-color:white;position:relative"><view class="title"> 我的 </view></view><view class="" style="width:688.93rpx;display:flex;flex-direction:column;margin:34rpx auto"><view class="" style="width:100%;height:80.15rpx;position:relative"><view class="" style="width:80.15rpx;height:80.15rpx;background-color:#D8D8D8"></view><view class="" style="position:absolute;left:103rpx;top:11rpx;font-size:22.9rpx;color:#333333"> 666688888 </view><view class="" style="position:absolute;left:103rpx;top:50rpx;font-size:19.08rpx;color:#8A8A8A"> 已陪你走过了100天 </view></view><view class="" style="width:100%;height:143.13rpx;background-color:white;border-radius:15.27rpx;margin-top:36rpx;display:flex;flex-direction:row;justify-content:space-around"><view class="" style="display:flex;flex-direction:column;width:100rpx;height:100%;align-items:center;justify-content:center"><text style="font-size:41.98rpx;color:#333333">0</text><text style="font-size:19.08rpx;color:#8A8A8A">待发货</text></view><view class="" style="display:flex;flex-direction:column;width:100rpx;height:100%;align-items:center;justify-content:center"><text style="font-size:41.98rpx;color:#333333">0</text><text style="font-size:19.08rpx;color:#8A8A8A">待发货</text></view><view class="" style="display:flex;flex-direction:column;width:100rpx;height:100%;align-items:center;justify-content:center"><text style="font-size:41.98rpx;color:#333333">0</text><text style="font-size:19.08rpx;color:#8A8A8A">待发货</text></view></view><view class="" style="width:100%;margin-top:36rpx"><view wx:for="{{a}}" wx:for-item="item" class="" style="width:100%;height:82.06rpx;background-color:white;border-radius:15.27rpx;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:15rpx;align-items:center"><text style="margin-left:27rpx;font-size:22.9rpx;color:#333333">{{item.a}}</text><image src="{{b}}" style="width:10.67rpx;height:19.66rpx;margin-right:25rpx"></image></view></view></view></view>
|
||||
29
unpackage/dist/dev/mp-weixin/pages/me/me.wxss
vendored
29
unpackage/dist/dev/mp-weixin/pages/me/me.wxss
vendored
|
|
@ -0,0 +1,29 @@
|
|||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
.title {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32.44rpx;
|
||||
position: absolute;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
|
|
@ -11,18 +11,6 @@
|
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.content {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -1,28 +0,0 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
methods: {}
|
||||
};
|
||||
if (!Array) {
|
||||
const _component_uni_nav_bar = common_vendor.resolveComponent("uni-nav-bar");
|
||||
const _component_uni_section = common_vendor.resolveComponent("uni-section");
|
||||
(_component_uni_nav_bar + _component_uni_section)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.p({
|
||||
title: "标题"
|
||||
}),
|
||||
b: common_vendor.p({
|
||||
title: "基本用法",
|
||||
subTitle: "使用 title 属性设置导航栏标题",
|
||||
type: "line"
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/news/news_details.js.map
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<view><uni-section wx:if="{{b}}" u-s="{{['d']}}" style="margin-bottom:3px" u-i="79d8d3f0-0" bind:__l="__l" u-p="{{b}}"><view class="box-bg"><uni-nav-bar wx:if="{{a}}" u-i="79d8d3f0-1,79d8d3f0-0" bind:__l="__l" u-p="{{a}}"/></view></uni-section> 66666 </view>
|
||||
BIN
unpackage/dist/dev/mp-weixin/static/logo.png
vendored
BIN
unpackage/dist/dev/mp-weixin/static/logo.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Loading…
Reference in New Issue
Block a user