From 747aac083c61cb621904d113281b5546a51f8950 Mon Sep 17 00:00:00 2001
From: yangjie <812952667@qq.com>
Date: Fri, 16 Jul 2021 10:47:26 +0800
Subject: [PATCH] =?UTF-8?q?1.=E8=B0=83=E6=95=B4=E5=95=86=E5=93=81=E6=A0=B7?=
=?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
pages.json | 72 +++++-----
pages/goods/goods-list/goods-list.vue | 127 ++++++++++++++++-
pages/goods/goods.vue | 193 ++++++++++++++------------
uni.scss | 13 ++
4 files changed, 269 insertions(+), 136 deletions(-)
diff --git a/pages.json b/pages.json
index 8fe10ee..b23f753 100644
--- a/pages.json
+++ b/pages.json
@@ -1,16 +1,6 @@
{
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
- "path": "pages/goods/goods-list/goods-list",
- "style": {
- "navigationBarBackgroundColor": "#0083f5",
- "backgroundColorTop": "#0083f5",
- "navigationBarTextStyle": "white",
- "app-plus": {
- "bounce": "none"
- }
- }
- },{
"path": "pages/tabBar/home/home",
"style": {
"navigationBarTextStyle": "black",
@@ -80,8 +70,17 @@
}
},
-
-
+ {
+ "path": "pages/goods/goods-list/goods-list",
+ "style": {
+ "navigationBarBackgroundColor": "#0083f5",
+ "backgroundColorTop": "#0083f5",
+ "navigationBarTextStyle": "white",
+ "app-plus": {
+ "bounce": "none"
+ }
+ }
+ },
{
"path": "pages/goods/store-list/store-list",
"style": {
@@ -419,34 +418,29 @@
"backgroundColorBottom": "#ffffff"
}
- },{
- "path" : "pages/user/positioning/positioning",
- "style" :
- {
- "navigationBarTitleText": "地区选择",
- "enablePullDownRefresh": false
- }
-
+ }, {
+ "path": "pages/user/positioning/positioning",
+ "style": {
+ "navigationBarTitleText": "地区选择",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/tabBar/order/order",
+ "style": {
+ "navigationBarTitleText": "",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/qianZhuPay/qianZhuPay",
+ "style": {
+ "navigationBarTitleText": "",
+ "enablePullDownRefresh": false
+ }
+
}
- ,{
- "path" : "pages/tabBar/order/order",
- "style" :
- {
- "navigationBarTitleText": "",
- "enablePullDownRefresh": false
- }
-
- }
- ,{
- "path" : "pages/qianZhuPay/qianZhuPay",
- "style" :
- {
- "navigationBarTitleText": "",
- "enablePullDownRefresh": false
- }
-
- }
- ],
+ ],
"globalStyle": {
"navigationBarTextStyle": "black",
diff --git a/pages/goods/goods-list/goods-list.vue b/pages/goods/goods-list/goods-list.vue
index a4375c8..f937441 100644
--- a/pages/goods/goods-list/goods-list.vue
+++ b/pages/goods/goods-list/goods-list.vue
@@ -19,8 +19,92 @@
-
-
+
+
+
+ 报税区直发发生的发生山东省丰盛的但是
+ 限购5件
+
+
+
+
+ 200
+
+
+
+
+ 100
+
+
+
+
+
+
+
+
+ 报税区直发发生的发生山东省丰盛的但是
+ 限购5件
+
+
+
+
+ 200
+
+
+
+
+ 100
+
+
+
+
+
+
+
+
+ 报税区直发发生的发生山东省丰盛的但是
+ 限购5件
+
+
+
+
+ 200
+
+
+
+
+ 100
+
+
+
+
+
+
+
+
+ 报税区直发发生的发生山东省丰盛的但是
+ 限购5件
+
+
+
+
+ 200
+
+
+
+
+ 100
+
+
+
@@ -112,7 +196,7 @@
display: flex;
justify-content: center;
margin-top: 20px;
-
+ margin-bottom: 20px;
.swiper-box {
width: 92%;
height: 150px;
@@ -160,7 +244,40 @@
}
.goodsimg {
- width: 80px;
- height: 80px;
+ width: 90px;
+ height: 90px;
+ }
+
+ .goodsli {
+ margin-left: 100px;
+ padding-top: 5px;
+ }
+
+ .goodsxg {
+ margin-top: 5px;
+ border: 1px solid #eb5823;
+ border-radius: 5px;
+ color: #eb5823;
+ width: 50px;
+ }
+ .info {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-end;
+ width: 100%;
+
+ .price {
+ color: #e65339;
+ font-size: 30upx;
+ font-weight: 600;
+ width: 50%;
+ }
+
+ .slogan {
+ width: 50%;
+ color: #807c87;
+ font-size: 24upx;
+ text-decoration: line-through;
+ }
}
diff --git a/pages/goods/goods.vue b/pages/goods/goods.vue
index 6b8f420..a871ed5 100644
--- a/pages/goods/goods.vue
+++ b/pages/goods/goods.vue
@@ -29,9 +29,32 @@
{{currentSwiper+1}}/{{swiperList.length}}
+
+
+ ￥{{goodsData[0].discountPrice}}
+ 门市参考价: ￥{{goodsData[0].salesPrice}}
+
+
+
+
+ {{goodsData[0].discountPrice}}
+
+ 门市参考价:
+ {{goodsData[0].salesPrice}}
+
+
+ 限购200件
+
+
+
- ￥{{goodsData[0].discountPrice}} ￥{{goodsData[0].discountPrice}} ￥{{goodsData[0].salesPrice}}
@@ -46,12 +69,13 @@
src="data:image/png;base64,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">
{{goodsData[0].salesPrice*100}}
-
-
+ -->
+
{{goodsData[0].couponName}}
-
- 库存 : {{goodsData[0].stockCount}}件
+
+ 有效期至: 2020-02-02
+ 库存 : {{goodsData[0].stockCount}}件
@@ -262,59 +286,59 @@
// });
let that = this;
// wx.login({
- // success(res) {
- // if (res.code) {
- //发起网络请求
- // var code = res.code;
- // 获取微信用户信息
- uni.getUserProfile({
- desc: '登录中...',
- success: function(res) {
- let params = {
- openId: app.globalData.openId,
- iv: res.iv,
- encryptedData: res.encryptedData
- }
- getUserInfo(params).then(res => {
- if (res.return_code == '000000') {
- uni.hideLoading();
- that.user = res.return_data.object.highUser;
- app.globalData.userInfo = res
- .return_data
- .object
- .highUser;
- app.globalData.token = res
- .return_data.uniqueCode;
- uni.setStorage({
- key: "user",
- data: res.return_data
- .object
- .highUser
- })
- uni.setStorage({
- key: "token",
- data: res.return_data
- .uniqueCode
- })
- that.buy();
- } else {
- uni.hideLoading();
- uni.showToast({
- title: res.return_msg,
- icon: 'none',
- duration: 2000
- })
- }
- });
- },
- fail: res => {
- uni.hideLoading();
- uni.showToast({
- title: "微信登录授权失败",
- icon: "none"
- });
- }
- })
+ // success(res) {
+ // if (res.code) {
+ //发起网络请求
+ // var code = res.code;
+ // 获取微信用户信息
+ uni.getUserProfile({
+ desc: '登录中...',
+ success: function(res) {
+ let params = {
+ openId: app.globalData.openId,
+ iv: res.iv,
+ encryptedData: res.encryptedData
+ }
+ getUserInfo(params).then(res => {
+ if (res.return_code == '000000') {
+ uni.hideLoading();
+ that.user = res.return_data.object.highUser;
+ app.globalData.userInfo = res
+ .return_data
+ .object
+ .highUser;
+ app.globalData.token = res
+ .return_data.uniqueCode;
+ uni.setStorage({
+ key: "user",
+ data: res.return_data
+ .object
+ .highUser
+ })
+ uni.setStorage({
+ key: "token",
+ data: res.return_data
+ .uniqueCode
+ })
+ that.buy();
+ } else {
+ uni.hideLoading();
+ uni.showToast({
+ title: res.return_msg,
+ icon: 'none',
+ duration: 2000
+ })
+ }
+ });
+ },
+ fail: res => {
+ uni.hideLoading();
+ uni.showToast({
+ title: "微信登录授权失败",
+ icon: "none"
+ });
+ }
+ })
// } else {
// uni.showToast({
// title: "微信登录授权失败",
@@ -509,6 +533,21 @@
}
}
+ .xgnum {
+ background-color: #FFFFFF;
+ color: #ff722e;
+ height: 30px;
+ line-height: 30px;
+ font-size: 13px;
+ width: 60%;
+ padding-left: 5%;
+ padding-right: 5%;
+ border-radius: 15px;
+ margin-top: 15px;
+ text-align: center;
+ font-weight: 600;
+ }
+
@keyframes showPopup {
0% {
opacity: 0;
@@ -694,36 +733,6 @@
}
}
- // .swiper-box {
- // position: relative;
- // width: 100%;
-
- // swiper {
- // width: 100%;
-
- // swiper-item {
- // image {
- // width: 100%;
- // height: 100vw;
- // }
- // }
- // }
-
- // .indicator {
- // display: flex;
- // justify-content: center;
- // align-items: center;
- // padding: 0 25upx;
- // height: 40upx;
- // border-radius: 40upx;
- // font-size: 22upx;
- // position: absolute;
- // bottom: 20upx;
- // right: 20upx;
- // color: #fff;
- // background-color: rgba(0, 0, 0, 0.2);
- // }
- // }
.swiper-box {
position: relative;
width: 100%;
@@ -759,9 +768,9 @@
.info-box {
width: 92%;
- padding: 20upx 4%;
- background-color: #fff;
- margin-bottom: 20upx;
+ padding: 4%;
+ background-color: #fff;
+ margin-bottom: 20rpx;
}
.goods-info {
@@ -1260,4 +1269,4 @@
}
}
-
+
diff --git a/uni.scss b/uni.scss
index 70437a8..52ece5f 100644
--- a/uni.scss
+++ b/uni.scss
@@ -230,6 +230,11 @@ $uni-font-size-paragraph:30upx;
background-color: #f6f6f6;
}
+//渐变
+.backcorlr{
+ background: linear-gradient(to right, #fe1a1a, #ff722e);
+}
+
.backcor9 {
background-color: #f6f6f6;
}
@@ -364,6 +369,10 @@ $uni-font-size-paragraph:30upx;
height: 100px;
}
+.height110 {
+ height: 110px;
+}
+
.height120{
height: 120px;
}
@@ -513,6 +522,10 @@ $uni-font-size-paragraph:30upx;
padding-top: 25px;
}
+.paddleft5 {
+ padding-left: 5px;
+}
+
.paddleft10 {
padding-left: 10px;
}