1.diy---代码优化
parent
3b95bb173b
commit
bd5578e5d1
|
|
@ -236,7 +236,7 @@ button:before {
|
|||
z-index: 2 !important;
|
||||
}
|
||||
.z-i-deep-must {
|
||||
z-index: 9 !important;
|
||||
z-index: 999 !important;
|
||||
}
|
||||
.bs-bb {
|
||||
box-sizing: border-box;
|
||||
|
|
|
|||
|
|
@ -1,10 +1,8 @@
|
|||
<template>
|
||||
<!-- 文章列表 -->
|
||||
<view class="pr" :style="style_container">
|
||||
<view :class="top_up == '1' ? 'ps z-i-deep-must top-0' : ''">
|
||||
<componentDiyModulesTabsView :value="article_tabs" @tabs-click="tabs_click_event"></componentDiyModulesTabsView>
|
||||
</view>
|
||||
<view class="padding-top">
|
||||
<view class="overflow-unset" :style="style_container">
|
||||
<componentDiyModulesTabsView :value="article_tabs" :is-top="top_up == '1'" @tabs-click="tabs_click_event"></componentDiyModulesTabsView>
|
||||
<view class="padding-top oh">
|
||||
<componentDiyArticleList :key="key" :value="article_tabs" :is-common-style="false"></componentDiyArticleList>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -86,4 +84,8 @@
|
|||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
<style lang="scss" scoped>
|
||||
.overflow-unset {
|
||||
overflow: unset !important;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<view :style="style_container">
|
||||
<componentDiyModulesTabsView :value="goods_tabs" @tabs-click="tabs_click_event"></componentDiyModulesTabsView>
|
||||
<view class="padding-top">
|
||||
<view class="overflow-unset" :style="style_container">
|
||||
<componentDiyModulesTabsView :value="goods_tabs" :is-top="top_up == '1'" @tabs-click="tabs_click_event"></componentDiyModulesTabsView>
|
||||
<view class="padding-top oh">
|
||||
<componentGoodsList :key="key" :value="goods_tabs" :is-common-style="false"></componentGoodsList>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -29,6 +29,7 @@
|
|||
style_container: '',
|
||||
goods_tabs: {},
|
||||
key: 1,
|
||||
top_up: '0',
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
|
@ -36,8 +37,10 @@
|
|||
},
|
||||
methods: {
|
||||
init() {
|
||||
const new_content = this.value.content || {};
|
||||
const new_style = this.value.style || {};
|
||||
let new_data = JSON.parse(JSON.stringify(this.value));
|
||||
this.top_up = new_content.tabs_top_up;
|
||||
// 产品的值
|
||||
new_data.content.data_type = new_data.content.tabs_list[0].data_type;
|
||||
new_data.content.category = new_data.content.tabs_list[0].category;
|
||||
|
|
@ -71,4 +74,8 @@
|
|||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
<style scoped lang="scss">
|
||||
.overflow-unset {
|
||||
overflow: unset !important;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<!-- 文章列表 -->
|
||||
<view class="container">
|
||||
<view class="container" :class="isTop ? 'ps z-i-deep-must bg-white' : ''" :style="'top:' + top + 'px;'">
|
||||
<view class="flex-row gap-10 jc-sb align-c">
|
||||
<view class="tabs flex-1 flex-width">
|
||||
<scroll-view :scroll-x="true" :show-scrollbar="false" :scroll-with-animation="true" :scroll-into-view="'one-nav-item-' + active_index" class="wh-auto">
|
||||
|
|
@ -60,6 +60,14 @@
|
|||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
isTop: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
top: {
|
||||
type: String,
|
||||
default: '0',
|
||||
},
|
||||
},
|
||||
components: {
|
||||
componentPopup,
|
||||
|
|
|
|||
Loading…
Reference in New Issue