diff --git a/gasStation-uni/pagesMy/Coupons/Coupons.vue b/gasStation-uni/pagesMy/Coupons/Coupons.vue new file mode 100644 index 000000000..cec8d6f9f --- /dev/null +++ b/gasStation-uni/pagesMy/Coupons/Coupons.vue @@ -0,0 +1,227 @@ + + + + + \ No newline at end of file diff --git a/gasStation-uni/pagesMy/today/today.vue b/gasStation-uni/pagesMy/today/today.vue index 56e6c1a8a..e62e0763c 100644 --- a/gasStation-uni/pagesMy/today/today.vue +++ b/gasStation-uni/pagesMy/today/today.vue @@ -2,27 +2,44 @@ - + + 今日油价 - -
政府指导油价
+ 11月20号 + 对比上次价格波动 + +
+ + + + #92 - -
最新油价(山东)
+ + + 政府指导油价(元) + + ¥7.8 + + 30% + + + + + 最新油价 + + ¥7.8 + + 30% + + +
- - -
@@ -60,16 +77,17 @@ height: 100vh; box-sizing: border-box; padding-top: 88px; + background: linear-gradient(180deg, #2F72F7 0%, rgba(47, 114, 247, 0) 50%, rgba(47, 114, 247, 0) 100%); } .my-header { width: 100%; height: 88px; - background: #ffffff; + background: #2F72F7; display: flex; align-items: center; justify-content: space-between; - color: #000; + color: #ffffff; box-sizing: border-box; padding: 0px 15px; padding-top: 40px; @@ -84,12 +102,29 @@ } .top-box { - width: 100%; - display: flex; - align-items: center; - background-color: #ffffff; - border-bottom: 1px solid #ffffff; + width: 95%; + color: #ffffff; height: 50px; + margin: 10px auto; + position: relative; + } + + .tupian { + background: url('http://47.95.206.185:83/imgriht.png')center no-repeat; + background-size: 100% 100%; + bottom: -45px; + right: 0px; + width: 130px; + height: 105px; + position: absolute; + } + + .gang { + width: 4px; + height: 16px; + background: #2F72F7; + border-radius: 2px; + margin-right: 5px; } .t-left-box { @@ -119,10 +154,56 @@ padding: 10px; } - .gang { - width: 10px; - height: 20px; - background: crimson; - margin: 0px 15px; + + + .box-list { + width: 95%; + margin: 10px auto; + border-radius: 8px; + background: #ffffff; + box-sizing: border-box; + padding: 15px; + + } + + .dis-top { + display: flex; + align-items: center; + font-size: 18px; + font-weight: bold; + color: #333333; + } + + .bottom-bt { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + margin: 5px auto; + } + + .dis { + display: flex; + + } + + .dis-c { + display: flex; + align-items: center; + justify-content: center; + margin-top: 10px; + } + + .hui-box { + width: 100%; + text-align: center; + font-size: 14px; + color: #707070; + } + + .dlan { + color: #2F72F7; + font-weight: bold; + font-size: 25px; } \ No newline at end of file diff --git a/gasStation-uni/static/imgs/hbao.png b/gasStation-uni/static/imgs/hbao.png new file mode 100644 index 000000000..7d7edc452 Binary files /dev/null and b/gasStation-uni/static/imgs/hbao.png differ