1.diy---- 文章选项卡开发

components/diy/article-list.vue

@@ -3,7 +3,7 @@
     <view class="oh" :style="style_container">
         <view class="pr oh" :style="style">
             <view v-if="!['4'].includes(article_theme)" class="flex-warp" :class="article_theme_class" :style="article_theme !== '3' ? article_spacing : ''">
-                <view v-for="(item, index) in data_list" class="item bg-white oh" :class="article_theme == '0' ? 'flex-row' : 'flex-col'" :key="index" :style="article_style">
+                <view v-for="(item, index) in data_list" class="item bg-white oh" :class="article_theme == '0' ? 'flex-row' : 'flex-col'" :key="index" :style="article_style" :data-url="item.data.url" @click="url_open">
                     <template v-if="article_theme !== '3'">
                         <template v-if="item.new_cover.length > 0">
                             <image :src="item.new_cover[0].url" class="img" :style="img_radius" mode="aspectFill" />
@@ -57,6 +57,7 @@
 </template>
 
 <script>
+    const app = getApp();
     import { common_styles_computer, padding_computer, radius_computer } from '@/common/js/common/common.js';
     export default {
         props: {
@@ -216,6 +217,13 @@
                         return 'style5';
                 }
             },
+
+            // 事件
+
+            url_open(e) {
+                const url = e.currentTarget.dataset.url || '';
+                app.globalData.url_open(url);
+            },
         },
     };
 </script>

components/diy/modules/tabs-view.vue

@@ -103,6 +103,12 @@
     .tabs {
         max-width: 780rpx;
         overflow: auto;
+        &::-webkit-scrollbar {
+            display: none;
+            width: 0;
+            height: 0;
+            color: transparent;
+        }
         .item {
             padding: 0 0 10rpx 0;
             position: relative;

components/iconfont/iconfont.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="dis-inline-block" :class="propClass">
+    <view class="icon-container" :class="propClass">
         <text class="iconfont" :class="name" :style="[{ color: color }, { 'font-size': size }]" @tap="$emit('click', $event)"></text>
     </view>
 </template>
@@ -33,6 +33,9 @@
     @import url('@/static/icon/iconfont.css');
     /* @import url('https://at.alicdn.com/t/c/font_4227145_kbr2f9jt68b.css'); */
 
+    .icon-container {
+        display: inline-block;
+    }
     .iconfont {
         display: inline-block;
         font-size: inherit;

static/icon/iconfont.css

@@ -14,6 +14,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-checked-1:before {
+  content: "\e778";
+}
+
+.icon-gift-fine:before {
+  content: "\e771";
+}
+
 .icon-enlarge:before {
   content: "\e60d";
 }