ws-土地出让首页

nnzwminiapp/app.json

@@ -37,12 +37,12 @@
     "pages/zmhd/zmhd",
     "pages/videoRecommend/videoRecommend",
     "pages/aticle1/aticle",
-	"pages/aticle2/aticle",
-	"pages/map/map",
-	"pages/map-shq/map-shq",
-	"pages/dataCenter/dataCenter",
-	"pages/dataCenterXXTJ/dataCenterXXTJ",
-	"pages/dataCenterZWTJ/dataCenterZWTJ",
+    "pages/aticle2/aticle",
+    "pages/map/map",
+    "pages/map-shq/map-shq",
+    "pages/dataCenter/dataCenter",
+    "pages/dataCenterXXTJ/dataCenterXXTJ",
+    "pages/dataCenterZWTJ/dataCenterZWTJ",
     "pages/doings/doings"
   ],
   "requiredPrivateInfos": [
@@ -65,14 +65,14 @@
         "pages/myComment/myComment",
         "pages/like/like",
         "pages/work-order/work-order",
-		"pages/work-order-detail/work-order-detail",
-		"pages/gzw/gzw",
-		"pages/zcmx/zcmx",
-		"pages/zclb/zclb",
-		"pages/zcinfo/zcinfo",
-		"pages/nnzzd/nnzzd",
-		"pages/map-vr/map-vr"
-		
+        "pages/work-order-detail/work-order-detail",
+        "pages/gzw/gzw",
+        "pages/zcmx/zcmx",
+        "pages/zclb/zclb",
+        "pages/zcinfo/zcinfo",
+        "pages/nnzzd/nnzzd",
+        "pages/map-vr/map-vr",
+        "pages/tdcr/index"
       ]
     }
   ],

nnzwminiapp/pagesPublic/pages/tdcr/index.js

@@ -0,0 +1,118 @@
+// pagesPublic/pages/tdcr/index.js
+const {IMG_PATH} = require('../../../utils/path')
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imgPath: IMG_PATH,
+    cursorGuys: [{
+      left: 48,
+      top: 1.5
+    }, {
+      left: 20,
+      top: 4
+    }],
+    cursors: [{
+      txt: '弹子石组团\nB8-1、B8-3、B9',
+      top: -12,
+      left: 28,
+      dropTop: -1,
+      dropLeft: 8.5
+    }, {
+      txt: '四公里\n棚户区地块',
+      top: -21,
+      left: 20,
+      dropTop: 0,
+      dropLeft: 1
+    }, {
+      txt: '茶园组团\nC01-16/02、\nC01-17/02',
+      top: -43,
+      left: 59,
+      dropTop: 1,
+      dropLeft: 2
+    }],
+    list: [{
+      icon: 'icon-quyu.png',
+      txt: '区域中心  得天独厚',
+      top: 0,
+      left: 12
+    }, {
+      icon: 'icon-house.png',
+      txt: '南岸新区  宜居宜业',
+      top: 1,
+      left: 5
+    }, {
+      icon: 'icon-ai.png',
+      txt: '资源富集  优势明显',
+      top: 1,
+      left: 0
+    }, {
+      icon: 'icon-car.png',
+      txt: '立体交通  四通八达',
+      top: 1,
+      left: 12
+    }, {
+      icon: 'icon-bod.png',
+      txt: '产业坚实  人才汇聚',
+      top: 1,
+      left: 20
+    }]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

nnzwminiapp/pagesPublic/pages/tdcr/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {},
+  "navigationStyle": "custom",
+  "navigationBarTextStyle": "white"
+}

nnzwminiapp/pagesPublic/pages/tdcr/index.wxml

@@ -0,0 +1,24 @@
+<!--pagesPublic/pages/tdcr/index.wxml-->
+<view class="main" style="background-image: url({{imgPath}}/index/bg.png);">
+  <image class="main-header" src="{{imgPath}}/index/header.png" />
+  <view class="cursor-guy">
+    <image class="cursor-size" wx:for="{{cursorGuys}}" src="{{imgPath}}/index/cursor.png" 
+    style="margin-left: {{item.left}}vw;margin-top: {{item.top}}vh;"/>
+  </view>
+  <view class="main-content" style="background-image: url({{imgPath}}/index/content-bg.png);">
+    <view class="item" wx:for="{{cursors}}" style="left: {{item.left}}vw;top: {{item.top}}vh;">
+      <view class="item-title">
+        <text>{{item.txt}}</text>
+      </view>
+      <image class="item-img" src="{{imgPath}}/index/cursor2.png" 
+      style="left: {{item.dropLeft}}vw;top: {{item.dropTop}}vh;"/>
+    </view>
+  </view>
+  <view class="list">
+    <view class="list-item" wx:for="{{list}}" style="margin-left: {{item.left}}vw;margin-top: {{item.top}}vh;">
+      <image class="list-item-img" src="{{imgPath}}/index/{{item.icon}}"/>
+      <view class="list-item-txt"><text>{{item.txt}}</text></view>
+    </view>
+  </view>
+  <view class="bottom-btn" style="background-image: url({{imgPath}}/index/btn.png);">共创文明新南岸</view>
+</view>

nnzwminiapp/pagesPublic/pages/tdcr/index.wxss

@@ -0,0 +1,74 @@
+/* pagesPublic/pages/tdcr/index.wxss */
+.main {
+  height: 100vh;
+  background-size: 100% 100%;
+  display: flex;
+  flex-direction: column;
+}
+.main-header {
+  width: 90vw;
+  height: 18vh;
+  margin: 0 auto;
+  margin-top: 11vh;
+}
+.cursor-guy {
+  display: flex;
+}
+.cursor-size {
+  height: 5vh;
+  width: 10vw;
+}
+.main-content {
+  width: 100vw;
+  height: 16vh;
+  margin-top: 5vh;
+  background-size: 100% 100%;
+  background-position-x: -5vw;
+}
+.item {
+  position: relative;
+}
+.item .item-title {
+  color: #EFD7BD;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  transform: rotate(-16deg);
+  transform-origin: center;
+  font-size: 22rpx;
+  text-shadow: 1px 1px 2px #EFD7BD;
+}
+.item .item-img {
+  width: 20vw;
+  height: 12vh;
+  position: relative;
+}
+.list {
+  width: 80vw;
+  margin: 0 auto;
+  margin-top: 3vh;
+}
+.list-item {
+  display: flex;
+}
+.list-item .list-item-img {
+  width: 50rpx;
+  height: 65rpx;
+}
+.list-item .list-item-txt {
+  color: white;
+  background: linear-gradient(90deg, rgba(4, 97, 218, 0.3) 0%, rgba(84,132,255,0) 100%);
+  line-height: 65rpx;
+  padding-left: 12vw;
+}
+.bottom-btn {
+  width: 80vw;
+  height: 5vh;
+  line-height: 5vh;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  font-size: 32rpx;
+  color: #0F2887;
+  text-align: center;
+  margin: 0 auto;
+  margin-top: 3vh;
+}

nnzwminiapp/utils/path.js

@@ -0,0 +1,6 @@
+
+const IMG_PATH = 'http://192.168.0.23/images'
+
+module.exports = {
+  IMG_PATH
+}