热区切图组件

前端开发-罗建龙
1 parent f856251d
Showing 8 changed files with 86 additions and 3 deletions
components/diy_heatImg/diy_heatImg.js
components/diy_heatImg/diy_heatImg.json
components/diy_heatImg/diy_heatImg.wxml
components/diy_heatImg/diy_heatImg.wxss
pages/index/index/index.json
pages/index/index/index.wxml
pages/template/index.json
pages/template/index.wxml
+// components/diy_heatImg/diy_heatImg.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    object: {
+      type: Object,
+      value: null,
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    //---智能跳转---
+    go_url: function (e) {
+      var url = e.currentTarget.dataset.url;
+      getApp().goto(url);
+    },
+    nv_void(e) {
+      var feedId = e.currentTarget.dataset.feedid;
+      var finderUserName = e.currentTarget.dataset.finderUserName;
+      var video_type = e.currentTarget.dataset.video_type;
+      getApp().openChannelsActivity({
+        feedId,
+        finderUserName,
+        video_type
+      })
+    },
+  }
+})
+{
+  "component": true,
+  "usingComponents": {}
+}
 \ No newline at end of file
+<!--components/diy_heatImg/diy_heatImg.wxml-->
+<wxs module="g_filter" src="../diy_notice/g_filter.wxs"></wxs>
+<view class="imgbox">
+  <image src="{{object.img}}" mode="widthFix" class="img"></image>
+  <block wx:for="{{object.data}}">
+    <block wx:if="{{g_filter.has_char(item.wxapp_url,'plugin')>=0}}">
+      <navigator url="{{item.wxapp_url}}" class="item" style="width: {{item.width*2}}rpx;height: {{item.height*2}}rpx;left: {{item.left*2}}rpx;top: {{item.top*2}}rpx;"></navigator>
+    </block>
+    <block wx:elif="{{item.AppId}}">
+      <navigator url="{{item.wxapp_url}}" target="miniProgram" app-id="{{item.AppId}}" path="{{item.wxapp_url}}" class="item" style="width: {{item.width*2}}rpx;height: {{item.height*2}}rpx;left: {{item.left*2}}rpx;top: {{item.top*2}}rpx;"></navigator>
+    </block>
+    <block wx:elif="{{item.finderUserName && item.video_type}}">
+      <view catchtap="nv_void" data-feedid="{{item.feedId}}" data-video_type="{{item.video_type}}" data-finderUserName="{{item.finderUserName}}" class="item" style="width: {{item.width*2}}rpx;height: {{item.height*2}}rpx;left: {{item.left*2}}rpx;top: {{item.top*2}}rpx;"></view>
+    </block>
+    <block wx:else>
+      <view class="item"  data-url="{{item.wxapp_url}}"  catchtap="go_url" style="width: {{item.width*2}}rpx;height: {{item.height*2}}rpx;left: {{item.left*2}}rpx;top: {{item.top*2}}rpx;"></view>
+    </block>
+  </block>
+</view>
+ 
 \ No newline at end of file
+/* components/diy_heatImg/diy_heatImg.wxss */ 
+.imgbox{
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.img{
+  width: 750rpx;
+}
+.item{
+  position: absolute;
+}
 \ No newline at end of file
@@ -10,6 +10,7 @@
         "shopname": "/components/diy_shopname/diy_shopname",
         "pingd_buy": "/components/diy_pingd_buy/diy_pingd_buy",
         "diy_public": "/components/diy_public/diy_public",
+        "heat_img": "/components/diy_heatImg/diy_heatImg",
         "title": "/components/diy_title/diy_title",
         "notice": "/components/diy_notice/diy_notice",
         "voice": "/components/diy_voice/diy_voice",
@@ -488,9 +488,10 @@
         <block wx:if="{{item.ename=='seckill' || item.ename=='seckillNew'}}">
           <seckill object="{{item.content}}"></seckill>
         </block>
-        <!-- <block wx:if="{{item.ename=='seckillNew'}}">
-          <diy_public object="{{item.content}}" prom_type="1"></diy_public>
-        </block> -->
+        <!-- 热区切图 -->
+        <block wx:if="{{item.ename=='heatCutDiagram'}}">
+          <heat_img object="{{item.content}}" ></heat_img>
+        </block>
         <!--标题-->
         <block wx:if="{{item.ename=='title'}}">
           <title object="{{item.content}}"></title>
@@ -13,6 +13,7 @@
         "pingd_buy": "/components/diy_pingd_buy/diy_pingd_buy",
         "luckyGo": "/components/diy_luckyGo/diy_luckyGo",
         "diy_public": "/components/diy_public/diy_public",
+        "heat_img": "/components/diy_heatImg/diy_heatImg",
         "title": "/components/diy_title/diy_title",
         "notice": "/components/diy_notice/diy_notice",
         "voice": "/components/diy_voice/diy_voice",
@@ -47,6 +47,10 @@
       <block wx:if="{{item.ename=='seckill' || item.ename=='seckillNew'}}">
         <seckill object="{{item.content}}"></seckill>
       </block>
+      <!-- 热区切图 -->
+      <block wx:if="{{item.ename=='heatCutDiagram'}}">
+        <heat_img object="{{item.content}}" ></heat_img>
+      </block>
       <!-- <block wx:if="{{item.ename=='seckillNew'}}">
         <diy_public object="{{item.content}}" prom_type="1"></diy_public>
       </block> -->