diff --git a/components/iconfont/iconfont.vue b/components/iconfont/iconfont.vue index 7c8cd294..bd3b0e34 100644 --- a/components/iconfont/iconfont.vue +++ b/components/iconfont/iconfont.vue @@ -25,7 +25,7 @@ /* iconfont.css全局注册需要将src切换成绝对路径 */ /* @/static/icon/ */ /* @import url("@/static/icon/iconfont.css"); */ - @import url('https://at.alicdn.com/t/c/font_4227145_vyq5c0hv99s.css'); + @import url('https://at.alicdn.com/t/c/font_4227145_sacmbmp2ve.css'); .iconfont { display: inline-block; diff --git a/components/more/more.vue b/components/more/more.vue deleted file mode 100644 index 439dbf94..00000000 --- a/components/more/more.vue +++ /dev/null @@ -1,58 +0,0 @@ - - - - - \ No newline at end of file diff --git a/components/nav-more/nav-more.vue b/components/nav-more/nav-more.vue new file mode 100644 index 00000000..df2eac06 --- /dev/null +++ b/components/nav-more/nav-more.vue @@ -0,0 +1,89 @@ + + + + + \ No newline at end of file diff --git a/pages/goods-category/goods-category.css b/pages/goods-category/goods-category.css index 415257f1..6a9040b9 100644 --- a/pages/goods-category/goods-category.css +++ b/pages/goods-category/goods-category.css @@ -88,25 +88,50 @@ * 商品列表模式 */ .category-content.goods-model { - padding-top: 150rpx; + padding-top: 182rpx; } .top-nav { - height: 150rpx; + height: 182rpx; top: 0; left: 0; - z-index: 2; + z-index: 3; +} + +.top-nav-scroll { + width: calc(100% - 70rpx); } .top-nav .icon-content { - width: 80rpx; - height: 80rpx; + width: 92rpx; + height: 92rpx; padding: 1px; } +.top-nav-scroll .item:first-of-type { + padding-left: 16rpx; +} + .top-nav .item { - height: 180rpx; - padding: 0 15rpx; + padding: 20rpx 4rpx; +} + +.nav-list-more { + width: 100%; + max-height: 550rpx; + overflow-y: auto; +} + +.nav-list-more image { + width: 92rpx; + height: 92rpx; + border-radius: 50%; + margin-bottom: 10rpx; +} + +.nav-list-more .item { + width: 20%; + padding: 20rpx 0; } .right-content-actual { @@ -115,8 +140,8 @@ .goods-right-content { width: calc(100% - 200rpx); - height: calc(100% - 150rpx); - top: 150rpx; + height: calc(100% - 182rpx); + top: 182rpx; right: 0; background: #fff; } @@ -135,8 +160,8 @@ } .goods-list .goods-img { - width: 190rpx; - height: 190rpx !important; + width: 182rpx; + height: 182rpx !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } diff --git a/pages/goods-category/goods-category.vue b/pages/goods-category/goods-category.vue index c1ecfb28..b2292633 100644 --- a/pages/goods-category/goods-category.vue +++ b/pages/goods-category/goods-category.vue @@ -33,18 +33,38 @@ - + - + - {{item.name}} + {{item.name}} + + + + + + + + + + + {{item.name}} + + + + + + @@ -318,6 +338,7 @@ import componentBadge from "../../components/badge/badge"; import componentCartParaCurve from '../../components/cart-para-curve/cart-para-curve'; import componentUserBase from "../../components/user-base/user-base"; + import componentNavMore from "../../components/nav-more/nav-more"; var common_static_url = app.globalData.get_static_url('common'); // 状态栏高度 @@ -372,7 +393,8 @@ temp_opt_data: null, // 标签插件 plugins_label_data: null, - themeColor: app.globalData.get_theme_color() + themeColor: app.globalData.get_theme_color(), + popupStatus: false }; }, @@ -384,7 +406,8 @@ componentPopup, componentBadge, componentCartParaCurve, - componentUserBase + componentUserBase, + componentNavMore }, props: {}, @@ -685,7 +708,8 @@ data_three_content: temp_data_three_content, data_page: 1, data_list_loding_status: 1, - data_list: [] + data_list: [], + popupStatus: false }); // 商品模式则读取商品 @@ -695,6 +719,13 @@ } }, + // 打开弹窗 + open_popup_event(e) { + this.setData({ + popupStatus: true + }); + }, + // 分类事件 category_event(e) { uni.navigateTo({ diff --git a/pages/plugins/brand/index/index.css b/pages/plugins/brand/index/index.css index 5b2a9fde..90e44ce6 100644 --- a/pages/plugins/brand/index/index.css +++ b/pages/plugins/brand/index/index.css @@ -6,18 +6,29 @@ width: calc(100% - 70rpx); } -.nav-list-more { - width: 100%; - max-height: 600rpx; - overflow-y: auto; +.nav-list .item:first-of-type { + margin-left: 16rpx; } .nav-list .item { - padding: 20rpx 18rpx; + padding: 20rpx 4rpx; } -.nav-list-more image, .nav-list image { + width: 92rpx; + height: 92rpx; + margin: 0 15rpx; + border-radius: 50%; + margin-bottom: 10rpx; +} + +.nav-list-more { + width: 100%; + max-height: 550rpx; + overflow-y: auto; +} + +.nav-list-more image { width: 92rpx; height: 92rpx; border-radius: 50%; @@ -35,6 +46,7 @@ .data-list .item { width: calc(50% - 10rpx); margin-bottom: 20rpx; + text-align: center; } .data-list .item:nth-child(2n) { @@ -46,6 +58,7 @@ } .data-list .item image { - width: 100%; + padding-top: 24rpx; + width: calc(100% - 48rpx); height: 160rpx !important; } \ No newline at end of file diff --git a/pages/plugins/brand/index/index.vue b/pages/plugins/brand/index/index.vue index 0d7d3060..4b3b2b58 100644 --- a/pages/plugins/brand/index/index.vue +++ b/pages/plugins/brand/index/index.vue @@ -6,25 +6,29 @@ - + - {{item.name}} + + {{item.name}} + - + - + - {{item.name}} + + {{item.name}} + - + @@ -35,7 +39,6 @@ {{item.name}} - {{item.describe}} @@ -55,7 +58,7 @@ const app = getApp(); import componentNoData from "../../../../components/no-data/no-data"; import componentBottomLine from "../../../../components/bottom-line/bottom-line"; - import componentMore from "../../../../components/more/more"; + import componentNavMore from "../../../../components/nav-more/nav-more"; export default { data() { @@ -69,14 +72,15 @@ brand_category_list: [], nav_active_value: 0, // 自定义分享信息 - share_info: {} + share_info: {}, + popupStatus: false, }; }, components: { componentNoData, componentBottomLine, - componentMore + componentNavMore }, props: {}, @@ -154,10 +158,17 @@ // 导航事件 nav_event(e) { this.setData({ - nav_active_value: e.currentTarget.dataset.value || 0 + nav_active_value: e.currentTarget.dataset.value || 0, + popupStatus: false }); this.nav_active_handle(); }, + // 打开弹窗 + open_popup_event(e) { + this.setData({ + popupStatus: true + }); + }, // 导航选中处理 nav_active_handle() {