diff --git a/pages/home/cloudCard2.vue b/pages/home/cloudCard2.vue index 30815a5..1a468cd 100644 --- a/pages/home/cloudCard2.vue +++ b/pages/home/cloudCard2.vue @@ -4,155 +4,96 @@ style="display: flex;flex-direction: column;height: 100vh;background: -webkit-linear-gradient(left,#FEA65F,#FB9440);"> + - - - - - + - - 百姓菜窖 + - + - + - + + + {{item.name}} + - 精品菜窖 + - + - + - 企业菜窖 + - - - - - + + - + 百姓菜窖 - - - - - + - - - - - {{item.name}} - - - - - - - - - - - + - - + - + - + - + - {{item.name}} + {{item.name}} - {{item.remark}} + {{item.remark}} - - + {{item.jprice}}元/{{item.specificationUnit}} - {{item.weight}}{{item.specificationUnit}}/{{item.unitName}} - - - - ¥{{item.mefenPrice}} - + - + + ¥{{item.mefenPrice}} - + - {{item.goodsNumber}} - + - - + {{item.goodsNumber}} + - @@ -160,14 +101,14 @@ - + + - + @@ -176,53 +117,49 @@ src="../../static/basket_icon.png" mode="aspectFill"> {{page.count}} + position: absolute; + top: 2px; + right: 0px; + padding: 2px 5px; + width: auto;">{{page.count}} - 温馨提示:已定制了 - {{page.weight}}斤 - - - ,满200斤可定制云菜窖 + + 温馨提示:已定制了 + + {{page.weight}}斤 + + + + ,满200斤可定制云菜窖 + style="display: flex;flex-direction: row; justify-content: center;align-items: center;padding-bottom: 10px;margin-top: 5px;padding: 0px 10px;"> - 分享新人有礼 + 分享新人有礼 - + - ¥{{page.price}} - 共减:¥{{page.reduce}} - - - 结算 @@ -232,14 +169,12 @@ - - @@ -353,6 +288,7 @@ request() { let _this = this _this.$api.getAllGoodsType(_this.brandType).then((resp) => { + console.log("------------", resp); _this.data = resp _this.searchInfo.sid = _this.data[0].sid _this.selectIndex = 0 @@ -660,31 +596,57 @@ .top { width: 100vw; /* height: 126.66vw; */ - height: 75vw; + height: 50vw; /* 加载背景图 */ - background-image: url(https://supervise.yxtsoft.com/lpk/image/clound_bj1.png); + background-image: url(https://supervise.yxtsoft.com/lpk/image/banner.png); /* background-image: url(../../static/clound_bj1.png); */ /* 让背景图基于容器大小伸缩 */ background-size: 100% 100%; } + .center { + display: flex; + flex-direction: row; + flex: 1; + background-color: #f7f7f7; + border-radius: 15px; + overflow: hidden; + min-width: 0; + } + + .bottom { + display: flex; + flex-direction: column; + border-top: 1px solid #F8F8F8; + padding-top: 5px; + flex-shrink: 0; + margin-bottom: 10px; + } + .label { - background: #fff; - color: #FF9900; - font-size: 13px; - padding-top: 15px; - padding-bottom: 15px; + color: #191919; + font-size: 12px; + margin-top: 10px; + margin-bottom: 10px; text-align: center; + padding-top: 5px; + padding-bottom: 5px; + margin-left: 5px; } .label2 { - - background: #FF9900; - color: #fff; - font-size: 13px; - padding-top: 15px; - padding-bottom: 15px; + background: #FFF; + color: #FFF; + background-color: #FF9900; + font-size: 12px; + margin-top: 10px; + margin-bottom: 10px; + padding-top: 5px; + padding-bottom: 5px; text-align: center; + font-weight: bold; + border-radius: 20px; + margin-left: 5px; } .top_img1 { @@ -701,9 +663,12 @@ color: #fff; font-weight: 800; font-family: sans-serif; - padding: 2px 5px; + padding: 5px 16px; border-radius: 5px; margin-top: -25px; + font-size: 13px; + word-break: keep-all; + white-space: nowrap; } .top_text2 { @@ -711,9 +676,18 @@ background: #fff; color: #F6894B; font-weight: 800; + padding: 5px 16px; font-family: sans-serif; - padding: 2px 5px; border-radius: 5px; margin-top: -25px; + font-size: 13px; + word-break: keep-all; + white-space: nowrap; + } + + ::-webkit-scrollbar { + width: 0; + height: 0; + background-color: transparent; } \ No newline at end of file