Commit bbb84f05 authored by 王建威's avatar 王建威

bug fix

parent bbc88816
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
"mode": "history", "mode": "history",
"base": "/uni" "base": "/uni"
}, },
"publicPath": "https://dbc-static.oss-cn-beijing.aliyuncs.com/dbc-shop/uni/test/1.0.5/", "publicPath": "https://dbc-static.oss-cn-beijing.aliyuncs.com/dbc-shop/uni/mirror/1.0.5/",
"optimization": { "optimization": {
"treeShaking": { "treeShaking": {
"enable": true "enable": true
......
...@@ -23,7 +23,6 @@ ...@@ -23,7 +23,6 @@
.customer_content { .customer_content {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin-bottom: 20rpx;
} }
.need_padding { .need_padding {
width: 702rpx; width: 702rpx;
......
<template> <template>
<view> <view>
<view v-if="style_setting.rank === 1" class="rank rank1" :style="[{'background-image':style_setting.bg_url}, {'background-color': style_setting.bg_color},{'border-bottom-left-radius':style_setting.radius_bottom_left*2+'rpx', 'border-bottom-right-radius':style_setting.radius_bottom_right*2+'rpx', 'border-top-left-radius':style_setting.radius_top_left*2+'rpx', 'border-top-right-radius':style_setting.radius_top_right*2+'rpx'}, style_setting.bg_style === 1 ? {'width':'702rpx','margin':'0 auto 20rpx'}: null]"> <view v-if="style_setting.rank === 1" class="rank rank1" :style="[{'background-image':style_setting.bg_url}, {'background-color': style_setting.bg_color},{'border-bottom-left-radius':style_setting.radius_bottom_left*2+'rpx', 'border-bottom-right-radius':style_setting.radius_bottom_right*2+'rpx', 'border-top-left-radius':style_setting.radius_top_left*2+'rpx', 'border-top-right-radius':style_setting.radius_top_right*2+'rpx'}, style_setting.bg_style === 1 ? {'width':'702rpx','margin':'0 auto'}: null]">
<view class="menuItem" v-for="(item, key) in menuArray" :key="key" :style="{'width': width}" @click="$jump(item.img_href)"> <view class="menuItem" v-for="(item, key) in menuArray" :key="key" :style="{'width': width,height: style_setting.menuHeight*2+'rpx'}" @click="$jump(item.img_href)">
<image :src="item.img_url" class="icon_img"></image> <image :src="item.img_url" class="icon_img"></image>
<text v-if="style_setting.font_show" class="title" :style="{'color': style_setting.font_color}">{{item.title}}</text> <text v-if="style_setting.font_show" class="title" :style="{'color': style_setting.font_color}">{{item.title}}</text>
</view> </view>
</view> </view>
<swiper v-else indicator-dots="true" :style="[{'height': style_setting.rank*200+10+'rpx'}, style_setting.bg_style === 1 ? {'width':'702rpx','margin':'0 auto 20rpx'}: null, {'background-image':style_setting.bg_url}, {'background-color': style_setting.bg_color}, {'border-bottom-left-radius':style_setting.radius_bottom_left*2+'rpx', 'border-bottom-right-radius':style_setting.radius_bottom_right*2+'rpx', 'border-top-left-radius':style_setting.radius_top_left*2+'rpx', 'border-top-right-radius':style_setting.radius_top_right*2+'rpx'}]" class="swiper_view"> <swiper v-else indicator-dots="true" :style="[{'height': style_setting.rank*200+10+'rpx'}, style_setting.bg_style === 1 ? {'width':'702rpx','margin':'0 auto'}: null, {'background-image':style_setting.bg_url}, {'background-color': style_setting.bg_color}, {'border-bottom-left-radius':style_setting.radius_bottom_left*2+'rpx', 'border-bottom-right-radius':style_setting.radius_bottom_right*2+'rpx', 'border-top-left-radius':style_setting.radius_top_left*2+'rpx', 'border-top-right-radius':style_setting.radius_top_right*2+'rpx'}]" class="swiper_view">
<swiper-item v-for="(item, key) in menuArray" :key="key" class="rank rank1"> <swiper-item v-for="(item, key) in menuArray" :key="key" class="rank rank1">
<view class="menuItem" v-for="(val, index) in item" :key="index" :style="{'width': width}" @click="$jump(val.img_href)"> <view class="menuItem" v-for="(val, index) in item" :key="index" :style="{'width': width, height: style_setting.menuHeight*2+'rpx'}" @click="$jump(val.img_href)">
<image :src="val.img_url" class="icon_img"></image> <image :src="val.img_url" class="icon_img"></image>
<text v-if="style_setting.font_show" class="title" :style="{'color': style_setting.font_color}">{{val.title}}</text> <text v-if="style_setting.font_show" class="title" :style="{'color': style_setting.font_color}">{{val.title}}</text>
</view> </view>
...@@ -71,13 +71,12 @@ ...@@ -71,13 +71,12 @@
} }
.menuItem { .menuItem {
text-align: center; text-align: center;
padding: 22rpx 0;
} }
.icon_img { .icon_img {
display: block; display: block;
width: 96rpx; width: 96rpx;
height: 96rpx; height: 96rpx;
margin: 0 auto; margin: 0 auto 8rpx;
} }
.title { .title {
font-size: 24rpx; font-size: 24rpx;
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
</view> </view>
<view v-else class="unshow_price">登录显示价</view> <view v-else class="unshow_price">登录显示价</view>
</view> </view>
<view v-if="spaceArray.length" v-for="(item, key) in spaceArray" :key="key+65535" :style="width ? {'width':width+'rpx'} : ''"></view> <view v-if="spaceArray.length && val.length < style_setting.listType" v-for="(v, key) in spaceArray" :key="key+65535" :style="width ? {'width':width+'rpx'} : ''"></view>
</swiper-item> </swiper-item>
</swiper> </swiper>
</uni-swiper-dot> </uni-swiper-dot>
...@@ -111,7 +111,6 @@ ...@@ -111,7 +111,6 @@
} }
.goods_content, .swiper_content { .goods_content, .swiper_content {
border-radius: 0 0 16rpx 16rpx; border-radius: 0 0 16rpx 16rpx;
margin-bottom: 20rpx;
} }
.goods_box, .goods_box2 { .goods_box, .goods_box2 {
display: flex; display: flex;
......
<template> <template>
<view class="hot_main_content"> <view class="hot_main_content">
<view class="clearfix"> <view class="clearfix" style="padding: 28rpx 0 20rpx">
<view class="hot_head_left"> <view class="hot_head_left">
<view> <view>
<text class="hot_title"> <text class="hot_title">
...@@ -11,7 +11,10 @@ ...@@ -11,7 +11,10 @@
</view> </view>
</view> </view>
<view class="hot_cate_list"> <view class="hot_cate_list">
<text class="hot_cate_item" v-for="(item, key) in cate_list" :key="key" @click="changeCate(key)" :class="key === hotIndex ? 'act' : ''" v-if="item.goods_list.length">{{item.cate_name}}</text> <text class="hot_cate_item" v-for="(item, key) in cate_list" :key="key" @click="changeCate(key)" :class="key === hotIndex ? 'act' : ''" v-if="item.goods_list.length">
<text>{{item.cate_name}}</text>
<text>{{item.sub_title}}</text>
</text>
</view> </view>
</view> </view>
<view v-for="(val, key) in cate_list" :key="key" v-if="key === hotIndex"> <view v-for="(val, key) in cate_list" :key="key" v-if="key === hotIndex">
...@@ -82,7 +85,6 @@ ...@@ -82,7 +85,6 @@
.hot_main_content { .hot_main_content {
width: 702rpx; width: 702rpx;
margin: 0 auto; margin: 0 auto;
margin-bottom: 20rpx;
} }
.hot_head_left { .hot_head_left {
display: inline-block; display: inline-block;
...@@ -94,6 +96,7 @@ ...@@ -94,6 +96,7 @@
height: 28rpx; height: 28rpx;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin-right: 8rpx;
} }
.hot_title { .hot_title {
font-size: 32rpx; font-size: 32rpx;
...@@ -113,23 +116,30 @@ ...@@ -113,23 +116,30 @@
white-space: nowrap; white-space: nowrap;
overflow: scroll; overflow: scroll;
position: relative; position: relative;
top: -22rpx;
left: 20rpx; left: 20rpx;
height: 88rpx;
} }
.hot_cate_list::-webkit-scrollbar { .hot_cate_list::-webkit-scrollbar {
display: none; display: none;
} }
.hot_cate_item { .hot_cate_item {
width: 164rpx; width: 164rpx;
height: 88rpx;
line-height: 88rpx;
display: inline-block; display: inline-block;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: #464646;
font-size: 32rpx;
text-align: center; text-align: center;
position: relative; position: relative;
margin-left: 10rpx;
text:nth-of-type(1) {
display: block;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: #464646;
font-size: 32rpx;
}
text:nth-of-type(2) {
display: block;
font-size: 22rpx;
color: #7C7C7C;
}
} }
.hot_cate_item.act::after { .hot_cate_item.act::after {
content: ''; content: '';
...@@ -140,7 +150,7 @@ ...@@ -140,7 +150,7 @@
position: absolute; position: absolute;
left: 50%; left: 50%;
margin-left: -20rpx; margin-left: -20rpx;
bottom: 0; bottom: -8rpx;
} }
.nogoods { .nogoods {
padding: 40rpx; padding: 40rpx;
...@@ -154,9 +164,9 @@ ...@@ -154,9 +164,9 @@
position: relative; position: relative;
width: 346rpx; width: 346rpx;
text-align: center; text-align: center;
margin-top: 20rpx; margin-bottom: 20rpx;
background: #fff; background: #fff;
padding-bottom: 12rpx; padding: 32rpx 0 24rpx;
border-radius: 16rpx; border-radius: 16rpx;
.hot_goods_icon { .hot_goods_icon {
position: absolute; position: absolute;
......
...@@ -39,12 +39,14 @@ ...@@ -39,12 +39,14 @@
<style lang="less" scoped> <style lang="less" scoped>
.maintitle_content1 { .maintitle_content1 {
width: 650rpx; width: 702rpx;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-radius: 16rpx 16rpx 0 0; border-radius: 16rpx 16rpx 0 0;
padding: 0 24rpx;
box-sizing: border-box;
text { text {
vertical-align: middle; vertical-align: middle;
margin-left: 10rpx; margin-left: 10rpx;
...@@ -58,6 +60,7 @@ ...@@ -58,6 +60,7 @@
border-radius: 16rpx 16rpx 0 0; border-radius: 16rpx 16rpx 0 0;
width: 702rpx; width: 702rpx;
margin: 0 auto; margin: 0 auto;
box-sizing: border-box;
view { view {
line-height: initial; line-height: initial;
height: 50%; height: 50%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment