From a895aabc269a66125c70a592b594353a6e909e89 Mon Sep 17 00:00:00 2001
From: Enzo <1284707383@qq.com>
Date: Wed, 8 Sep 2021 15:29:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=95=86=E5=93=81=E8=AF=A6?=
=?UTF-8?q?=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
pages/goodsDetail/index.vue | 212 ++++++++++++++++++++++++------
uview-ui/components/u-td/u-td.vue | 2 +-
uview-ui/components/u-th/u-th.vue | 4 +-
uview-ui/theme.scss | 4 +-
4 files changed, 177 insertions(+), 45 deletions(-)
diff --git a/pages/goodsDetail/index.vue b/pages/goodsDetail/index.vue
index b471277..9b9be63 100644
--- a/pages/goodsDetail/index.vue
+++ b/pages/goodsDetail/index.vue
@@ -27,32 +27,140 @@
{{ item.tag }}
-
-
+
+ 购买须知
+
+
+
+
+
+ 景区开放时间
+
+
+
+ 节点
+ 夏季
+ 冬季
+
+
+ 周一至周五
+ 08:00～21:00
+ 09:00～20:00
+
+
+ 周六至周日
+ 07:30～23:00
+ 08:30～21:00
+
+
-
-
+
+
+ 包含项目
+
+
+ 项目名称
+ 数量
+ 额外费用
+
+
+ 过山车
+ 1张
+ 0元
+
+
+
+
+
+
+
+
+ 餐厅开放时间
+
+
+
+ 节点
+ 上午
+ 下午
+
+
+ 周一至周五
+ 08:00～21:00
+ 09:00～20:00
+
+
+ 周六至周日
+ 07:30～23:00
+ 08:30～21:00
+
+
-
-
-
+
+ 包含套餐
+
+
+ 米饭 x1
+ ¥3
+
+
+ 清蒸鲈鱼 x1
+ 50元
+
+
+
+
+
+
+
+ 酒店设施
+
+
+ 智能电视
- {{ goods_detail.store.address }}
- -->
-
-
- 购买须知
-
-
+
+
+
+ 包含项目
+
+
+ 项目名称
+ 数量
+ 额外费用
+
+
+ 过山车
+ 1张
+ 0元
+
+
+
+
+
+
+ 行程时间
+
+
+ 2021年9月
+
+
+
+
+ 行程天数
+ 3天
+
+
+ 行程日期
+ 2021-09-18~2021-09-21
+
+
+
+
+
+
商品详情
@@ -258,27 +366,51 @@
align-items: center;
color: #FFFFFF;
}
- .label-box{
- min-height: 130rpx;
- width: 100%;
- border-top: 1rpx solid #E5E5E5;
+ }
+ .label-box{
+ min-height: 130rpx;
+ width: 100%;
+ border-top: 1rpx solid #E5E5E5;
+ display: flex;
+ flex-wrap: wrap;
+ padding: 30rpx 0 10rpx 0;
+ .label-item{
+ width: max-content;
+ padding: 20rpx;
+ height: 70rpx;
+ border-radius: 10rpx;
+ border: 2rpx solid #1998FE;
display: flex;
- flex-wrap: wrap;
- padding: 30rpx 0 10rpx 0;
- .label-item{
- width: max-content;
- padding: 20rpx;
- height: 70rpx;
- border-radius: 10rpx;
- border: 2rpx solid #1998FE;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 28rpx;
- color: #1998FE;
- margin-right: 20rpx;
- margin-bottom: 20rpx;
- }
+ justify-content: center;
+ align-items: center;
+ font-size: 28rpx;
+ color: #1998FE;
+ margin-right: 20rpx;
+ margin-bottom: 20rpx;
+ }
+ }
+
+ .label-box1{
+ min-height: 130rpx;
+ width: 100%;
+ border-top: 1rpx solid #E5E5E5;
+ display: flex;
+ flex-wrap: wrap;
+ padding: 30rpx 0 10rpx 0;
+ .label-item{
+ width: max-content;
+ padding: 0 10rpx;
+ height: 54rpx;
+ border-radius: 10rpx;
+ border: 2rpx solid #1998FE;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 24rpx;
+ color: #1998FE;
+ background: rgba(25, 152, 254, 0.05);
+ margin-right: 20rpx;
+ margin-bottom: 20rpx;
}
}
diff --git a/uview-ui/components/u-td/u-td.vue b/uview-ui/components/u-td/u-td.vue
index b00ad8b..2729c00 100644
--- a/uview-ui/components/u-td/u-td.vue
+++ b/uview-ui/components/u-td/u-td.vue
@@ -58,7 +58,7 @@
flex: 1;
justify-content: center;
font-size: 28rpx;
- color: $u-content-color;
+ color: $u-content-color!important;
align-self: stretch;
box-sizing: border-box;
height: 100%;
diff --git a/uview-ui/components/u-th/u-th.vue b/uview-ui/components/u-th/u-th.vue
index 9fe5a16..b40e015 100644
--- a/uview-ui/components/u-th/u-th.vue
+++ b/uview-ui/components/u-th/u-th.vue
@@ -56,7 +56,7 @@
justify-content: center;
font-size: 28rpx;
color: $u-main-color;
- font-weight: bold;
- background-color: rgb(245, 246, 248);
+ // font-weight: bold;
+ background-color: white;
}
diff --git a/uview-ui/theme.scss b/uview-ui/theme.scss
index f3bb36d..b713bf9 100644
--- a/uview-ui/theme.scss
+++ b/uview-ui/theme.scss
@@ -2,8 +2,8 @@
// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入
-$u-main-color: #303133;
-$u-content-color: #606266;
+$u-main-color: #555;
+$u-content-color: #222;
$u-tips-color: #909399;
$u-light-color: #c0c4cc;
$u-border-color: #e4e7ed;