Merge branch 'master' of http://121.42.41.42:7070/r/shibeirencai_wechat

.gitignore

@@ -3,6 +3,8 @@
 # Logs
 logs
 *.log
+# 项目配置文件
+project.config.json
 
 # Runtime data
 pids

app.json

@@ -7,11 +7,12 @@
     "pages/billboards/firm/index",
     "pages/billboards/park/index",
     "pages/billboards/policy/index",
+    "pages/billboards/policy/policy-list/index",
     "pages/topics/common/interactive/index",
     "pages/topics/common/message/index",
     "pages/topics/common/goodIdea/index",
     "pages/article/index",
-    "pages/billboards/policy/policy-list/index",
+    "pages/register/index",
     "pages/user/common/myActivity/index",
     "pages/user/common/myFavorite/index",
     "pages/user/common/myIdea/index",

components/image-button/index.js

@@ -0,0 +1,26 @@
+// components/image-botton/index.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    title: String,
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    onTap () {
+      console.log('onTap')
+      this.triggerEvent('onTap')
+    }
+  }
+})

components/image-button/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

components/image-button/index.wxml

@@ -0,0 +1,5 @@
+<!--components/image-botton/index.wxml-->
+<view class="image-button" bindtap="onTap">
+  <image class="image-btn-bg" src="images/btn_bg.png"></image>
+  {{title}}
+</view>

components/image-button/index.wxss

@@ -0,0 +1,19 @@
+/* components/image-botton/index.wxss */
+.image-button {
+  width: 100%;
+  height: 50px;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  font-size: 15px;
+}
+.image-btn-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}

components/segment/index.js

@@ -30,9 +30,9 @@ Component({
    */
   methods: {
     bindtap: function (e) {
-      const { item } = e.currentTarget.dataset
+      const item = e.currentTarget.dataset
       this.setData({
-        selectedTitle: item
+        selectedTitle: item.item
       })
       this.triggerEvent('tapSegment', item)
     },

components/segment/index.wxml

@@ -4,10 +4,10 @@
     <view class="header-titles">
       <block wx:for="{{headerTitles}}" wx:key="index" >
         <view class="item-title">
-          <view id="{{index}}" bindtap="bindtap" data-item="{{index}}" class="title {{index==selectedTitle ? 'title-selected' : ''}}">
+          <view id="{{index}}" bindtap="bindtap" data-content="{{item}}" data-item="{{index}}" class="title {{index==selectedTitle ? 'title-selected' : ''}}">
             {{item}}
           </view>
-          <view class="select-line" hidden="{{index==selectedTitle ? false : true}}"></view>
+          <view class="select-line {{index==selectedTitle ? 'select-line-active': ''}}"></view>
         </view>
       </block>
     </view>

components/segment/index.wxss

@@ -18,6 +18,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  transition: 0.5s all ease-in-out;
 }
 .title-selected {
   font-size: 16px;
@@ -25,9 +26,12 @@
 }
 .select-line{
   margin-top: 4px;
-  width: 10px;
   height: 2px;
   border-radius: 5px;
+  transition: 0.5s all ease-in-out;
+}
+.select-line-active {
+  width: 10px;
   background-color: #FA4646;
 }
 

pages/article/index.js

@@ -5,10 +5,385 @@ Page({
    * 页面的初始数据
    */
   data: {
-    nodes: '<h1 style="color: red;">我是内容</h1>',
+    nodes: `
+    <section data-tplid="95330" data-tools="135编辑器">
+    <section class="_135editor">
+        <section style="width: 100%;" data-width="100%">
+            <section style="display: flex;justify-content: space-between;align-items:flex-end;margin-bottom: -2.4em;" class="">
+                <section style="margin-left:0.5em;display: flex;justify-content: center;align-items: flex-end;" class="">
+                    <section style=" width:4em;" class="">
+                        <img style="width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzY3aWM4TGd1QlNyTndaNlhwaGNBMlphckk3YW9NaEhhd01naWNISGgwZXJlbVVRaGppYmlhaWFYM01pYkFFbjk3cjRpY3FEaDkyTVFJMjZLU3VnLzA=" data-width="100%" data-ratio="1"/>
+                    </section>
+                    <section style=" width:3.5em;margin-left: 0.5em;" class="">
+                        <img style="width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzY3aWM4TGd1QlNyTndaNlhwaGNBMlphckk3YW9NaEhhd01naWNISGgwZXJlbVVRaGppYmlhaWFYM01pYkFFbjk3cjRpY3FEaDkyTVFJMjZLU3VnLzA=" data-width="100%" data-ratio="1"/>
+                    </section>
+                </section>
+                <section style="margin-right:0.5em;display: flex;justify-content: center;align-items: flex-end;">
+                    <section style=" width:3.5em;" class="">
+                        <img style="width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzY3aWM4TGd1QlNyTndaNlhwaGNBMlphckk3YW9NaEhhd01naWNISGgwZXJlbVVRaGppYmlhaWFYM01pYkFFbjk3cjRpY3FEaDkyTVFJMjZLU3VnLzA=" data-width="100%" data-ratio="1"/>
+                    </section>
+                    <section style=" width:4.2em;margin-left: 0.5em;" class="">
+                        <img style="width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzY3aWM4TGd1QlNyTndaNlhwaGNBMlphckk3YW9NaEhhd01naWNISGgwZXJlbVVRaGppYmlhaWFYM01pYkFFbjk3cjRpY3FEaDkyTVFJMjZLU3VnLzA=" data-width="100%" data-ratio="1"/>
+                    </section>
+                </section>
+            </section>
+            <section style="width: 100%;text-align:center;height:60px; background: url(https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzY3aWM4TGd1QlNyTndaNlhwaGNBMlphMzkwYVFjbHdwWkRwZE50aWJDc29tOGNTQ25BazNMTEpMSkNIN3FSMXVYaWNucEhQOGRpYUZtaWE4Zy8w)repeat-x;background-size:68px 58px;background-position:center ;" data-width="100%" class="">
+                <section style="width:2.6em;display: inline-block;margin-top:10px;" class="">
+                    <img style="width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzZ0SUd2YzNvekNIY0Jvbnl3STdmRFZMSnFiaWFoaGVIRmhDcldkNnhyYnpjRTNLbVVXZGlhZDFTMjRJSUJvR2R5aWFYckE3WEFRV0F3UkEvMD93eF9mbXQ9cG5n" data-width="100%" data-ratio="1"/>
+                </section>
+            </section>
+            <section style="padding: 0px 0.6em; box-sizing: border-box;" class="">
+                <section style="border-right: 1px solid rgb(212, 10, 17); border-bottom: 1px solid rgb(212, 10, 17); border-left: 1px solid rgb(212, 10, 17); border-image: initial; border-top: none; box-sizing: border-box;" class="">
+                    <section data-autoskip="1" class="135brush" style="font-size: 14px; letter-spacing: 1.5px; color: rgb(51, 51, 51); line-height: 1.75em; padding: 0.4em 1em; text-align: justify; box-sizing: border-box;">
+                        <p style="text-align:center; margin: 1em auto; font-size: 12px; line-height: 1.75em; letter-spacing: 1px;" align="center">
+                            <span style="color: #3F3F3F; font-size: 18px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;"><strong>建 党 节</strong></span>
+                        </p>
+                        <section class="135brush" data-brushtype="text" style="text-align: center;letter-spacing:1px;margin: 1em auto;font-size:12px;">
+                            <p style="letter-spacing: 1px; line-height: 1.75em;">
+                                <span style="color: #3F3F3F; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;"><strong><span style="font-size: 14px; color: #3F3F3F; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;">1921.7 ~ 2019.7</span></strong><strong><span style="font-size: 14px; color: #3F3F3F; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;"></span></strong></span>
+                            </p>
+                            <p style="letter-spacing: 1px; line-height: 1.75em;">
+                                <span style="color: #3F3F3F; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;"><strong><span style="font-size: 14px; color: #3F3F3F; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;">筚路蓝缕，砥砺前行</span></strong><strong><span style="font-size: 14px; color: #3F3F3F; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;"></span></strong></span>
+                            </p>
+                            <p style="letter-spacing: 1px; line-height: 1.75em;">
+                                <span style="color: #3F3F3F; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;"><strong><span style="font-size: 14px; color: #3F3F3F; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;">初心不忘，迈向复兴</span></strong></span>
+                            </p>
+                            <p style="letter-spacing: 1px; line-height: 1.75em;">
+                                <br/>
+                            </p>
+                            <section style="padding: 10px; box-sizing: border-box;" class="">
+                                <section style="width: 100%" data-width="100%">
+                                    <section style="width: 100%; padding-bottom: 60%; height: 0px; text-align: center; vertical-align: top; overflow: hidden; background-image: url(&quot;https://image.135editor.com/files/users/455/4550562/201906/XZuYaQ9T_zDxp.png&quot;); background-size: cover; background-repeat: no-repeat; background-position: center center; box-sizing: border-box;" data-role="square" class="135bg" data-width="100%">
+                                        <section style="width: 100%; padding-bottom: 20%; background-image: url(&quot;https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvdU4xTElhdjdvSjhkcEhhM1ZYaWFTcFQwZnBaMzdPQ3V6S2gzeG9FYlBOME5BUkRxSXYxb2lhTGZrcnB2WDZIdElqZWc1ODJhd2RpYmJiNXFxVGZ1OTB0T1EvMD93eF9mbXQ9cG5n&quot;); background-size: contain; background-repeat: no-repeat; box-sizing: border-box;" data-width="100%" class=""></section><img src="https://image.135editor.com/files/users/455/4550562/201906/XZuYaQ9T_zDxp.png" style="width: 100%;visibility: visible;opacity: 0;" data-width="100%" data-ratio="0.5544303797468354" data-op="change" title="undefined" alt=""/>
+                                    </section>
+                                </section>
+                            </section>
+                        </section>
+                    </section>
+                </section>
+            </section>
+        </section>
+    </section>
+    <section class="_135editor">
+        <section>
+            <p style="text-align:center;margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 1.75em; word-wrap: break-word !important; font-family: -apple-system-font, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;" align="center">
+                <span style="color: #3F3F3F; font-size: 14px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;">98年，对于一个人，也许很漫长；</span>
+            </p>
+            <p style="text-align:center;margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 1.75em; word-wrap: break-word !important; font-family: -apple-system-font, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;" align="center">
+                <span style="color: #3F3F3F; font-size: 14px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;">对于一个国家，弹指一挥间；</span>
+            </p>
+            <p style="text-align:center;margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 1.75em; word-wrap: break-word !important; font-family: -apple-system-font, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;" align="center">
+                <span style="color: #3F3F3F; font-size: 14px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;">对于一个政党，恰是风华正茂！</span>
+            </p>
+            <p style="text-align:center;margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 1.75em; word-wrap: break-word !important; font-family: -apple-system-font, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;" align="center">
+                <span style="color: #3F3F3F; font-size: 14px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;">今年，党的98岁生日，</span>
+            </p>
+            <p style="text-align:center;margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; letter-spacing: 1px; line-height: 1.75em; word-wrap: break-word !important; font-family: -apple-system-font, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;" align="center">
+                <span style="color: #3F3F3F; font-size: 14px; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;">热烈庆祝中国共产党98周年快乐！</span>
+            </p>
+        </section>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <section class="">
+        <section class="">
+            <p>
+                <br/>
+            </p>
+        </section>
+    </section>
+    <section class="_135editor">
+        <section style="width:50%;margin: 0px auto;">
+            <img style="width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9naWYvN1FSVHZrSzJxQzVRRGRRSlBuR3hpYjRrMEplQlo0NHlrNFhySWhSbEN0TUFVY3dSTEVNWUdlWk03SUJpY1VoS1cxbHRnNGJYTUVqaWJZeHlsQWROQWdVUXcvMD93eF9mbXQ9Z2lm" data-ratio="1" data-width="100%"/>
+        </section>
+    </section>
+    <section class="">
+        <section class="">
+            <p>
+                <br/>
+            </p>
+        </section>
+        <p>
+            <br/>
+        </p>
+    </section>
+    <section class="_135editor">
+        <section>
+            <p style="text-align:center; letter-spacing: 1px; line-height: 1.75em;" align="center">
+                <span style="font-weight: normal; letter-spacing: 0.544px; text-align: justify; text-indent: 28px; color: #3F3F3F; font-size: 14px; display: inline !important; font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Apple Color Emoji&quot;, &quot;Emoji Symbols Font&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif;">作为社会主义接班人，我们本应了解一些党的基本知识。</span>
+            </p>
+            <p style="text-align:center; letter-spacing: 1px; line-height: 1.75em;" align="center">
+                <br/>
+            </p>
+        </section>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <section class="_135editor">
+        <section style="text-align: center; width: auto; letter-spacing: 1px; line-height: 1.75em;">
+            <section style="width:100%;display: inline-block;" data-width="100%">
+                <section style="display: flex;justify-content: center;align-items: center;" class="">
+                    <section style="width:2.8em;transform: scaleX(-1);-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);-o-transform: scaleX(-1);" class="">
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%"></section>
+                        <section style="width: 80%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; margin: 5px 0px; box-sizing: border-box;" data-width="80%" class=""></section>
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%" class=""></section>
+                    </section>
+                    <section style="display:inline-block;margin-left:5px;">
+                        <section style="padding: 4px 1.5em 5px; background-image: url(&quot;https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzY3aWM4TGd1QlNyTndaNlhwaGNBMlphNUpYSkthelMxMTBDM0pBb2xBN2lhZ0I0WEZCRlpkQ0dhbW1EZDRFNWdTeHFZQURxdjlaalpYQS8w&quot;); background-repeat: no-repeat; text-align: center; background-size: 100% 100%; color: rgb(254, 255, 254); font-size: 16px; letter-spacing: 1.5px; box-sizing: border-box;" class="135brush" data-brushtype="text">
+                            <span style="font-size: 14px;">“中国共产党”名字由来</span>
+                        </section>
+                    </section>
+                    <section style="width:2.8em;margin-left:5px;">
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%"></section>
+                        <section style="width: 80%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; margin: 5px 0px; box-sizing: border-box;" data-width="80%"></section>
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%" class="">
+                            <br/>
+                        </section>
+                    </section>
+                </section>
+            </section>
+        </section>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <section class="_135editor">
+        <p style="letter-spacing: 1px; line-height: 1.75em;">
+            <span style="font-size: 14px;">最早提出“中国共产党”这一名称的是蔡和森。1920年8月13日和9月16日，正在留法勤工俭学的他，在给毛泽东写的两封信中，详细地研讨了共产党问题，提出：“先要组织党——共产党，因为它是革命运动的发动者、宣传者、先锋队、作战部。”</span>
+        </p>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <section class="_135editor">
+        <section style="width:98%;margin: 0px auto;" data-width="98%">
+            <section style="height: 0px;width: 0px;border-top:0px solid transparent;border-left:45px solid #c72936;border-bottom:45px solid transparent;margin-bottom: -45px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);"></section>
+            <section style="width: 100%;" data-width="100%" class="">
+                <img style="width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzZWM2VXeldjSUwwdGlhSzFmekxlRnFvWENKOGVUdDg3Qlc3Y2w3WFVOeDVCQ2Y4ektZRkkzQzZIcm9waWFzakppY0FvMlhuYjdySjNuV3cvMD93eF9mbXQ9cG5n" data-width="100%" data-ratio="1"/>
+            </section>
+            <section style="height: 0px;width: 0px;border-top:0px solid transparent;border-right:45px solid  #fefefe;border-top:45px solid transparent;float: right;margin-right: -5px; margin-top: -40px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);"></section>
+        </section>
+    </section>
+    <p style="letter-spacing: 1px; line-height: 1.75em;">
+        <br/>
+    </p>
+    <section class="_135editor">
+        <p style="letter-spacing: 1px; line-height: 1.75em;">
+            <span style="font-size: 14px;">他在对西欧各国共产党特别是俄国共产党考察的基础上，提出了具体的建党步骤，其中包括“明目张胆正式成立一个中国共产党”。</span>
+        </p>
+        <p>
+            <br/>
+        </p>
+        <p style="letter-spacing: 1px; line-height: 1.75em;">
+            <span style="font-size: 14px;">在此前后，陈独秀在上海，李大钊、张申府在北京也通过信函讨论了党的名称问题，决定采用“共产党”作为中国无产阶级政党的名称。</span>
+        </p>
+        <p>
+            <br/>
+        </p><br/>
+    </section>
+    <section class="_135editor">
+        <section style="text-align: center; width: auto; letter-spacing: 1px; line-height: 1.75em;">
+            <section style="width:100%;display: inline-block;" data-width="100%">
+                <section style="display: flex;justify-content: center;align-items: center;" class="">
+                    <section style="width:2.8em;transform: scaleX(-1);-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);-o-transform: scaleX(-1);" class="">
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%"></section>
+                        <section style="width: 80%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; margin: 5px 0px; box-sizing: border-box;" data-width="80%"></section>
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%"></section>
+                    </section>
+                    <section style="display:inline-block;margin-left:5px;">
+                        <section style="padding: 4px 1.5em 5px; background-image: url(&quot;https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzY3aWM4TGd1QlNyTndaNlhwaGNBMlphNUpYSkthelMxMTBDM0pBb2xBN2lhZ0I0WEZCRlpkQ0dhbW1EZDRFNWdTeHFZQURxdjlaalpYQS8w&quot;); background-repeat: no-repeat; text-align: center; background-size: 100% 100%; color: rgb(254, 255, 254); font-size: 16px; letter-spacing: 1.5px; box-sizing: border-box;" class="135brush" data-brushtype="text">
+                            <span style="font-size: 14px;">建党节的由来</span>
+                        </section>
+                    </section>
+                    <section style="width:2.8em;margin-left:5px;" class="">
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%"></section>
+                        <section style="width: 80%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; margin: 5px 0px; box-sizing: border-box;" data-width="80%"></section>
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%">
+                            <br/>
+                        </section>
+                    </section>
+                </section>
+            </section>
+        </section>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <section class="_135editor">
+        <p style="letter-spacing: 1px; line-height: 1.75em;">
+            <span style="font-size: 14px;">九十七年前的盛夏七月，毛泽东、陈独秀和李大钊等中国第一代马克思主义革命家，在上海和嘉兴召开了中国共产党第一次代表大会——中国共产党正式成立，伟大的革命、发展征程就此开启。</span>
+        </p>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <section class="_135editor">
+        <section style="width:98%;margin: 0px auto;" data-width="98%">
+            <section style="height: 0px;width: 0px;border-top:0px solid transparent;border-left:45px solid #c72936;border-bottom:45px solid transparent;margin-bottom: -45px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);"></section>
+            <section style="width: 100%;" data-width="100%" class="">
+                <img style="width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzZWM2VXeldjSUwwdGlhSzFmekxlRnFvWENKOGVUdDg3Qlc3Y2w3WFVOeDVCQ2Y4ektZRkkzQzZIcm9waWFzakppY0FvMlhuYjdySjNuV3cvMD93eF9mbXQ9cG5n" data-width="100%" data-ratio="0.5692307692307692"/>
+            </section>
+            <section style="height: 0px;width: 0px;border-top:0px solid transparent;border-right:45px solid  #fefefe;border-top:45px solid transparent;float: right;margin-right: -5px; margin-top: -40px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);" class=""></section>
+        </section>
+    </section>
+    <section class="_135editor">
+        <p style="letter-spacing: 1px; line-height: 1.75em;">
+            <span style="font-size: 14px;">在战争时期，中共一大的召开日期难以考证。因此，毛泽东在著名文论《论持久战》中首次提出以七月一日作为党的生日。</span>
+        </p>
+        <p>
+            <br/>
+        </p>
+        <p style="letter-spacing: 1px; line-height: 1.75em;">
+            <span style="font-size: 14px;">建国之后，经过党史工作者的细致考证，确认中共一大的召开时间是 1921 年 7 月 23 日，但 7 月 1 日的建党节传统深入人心，一直延续了下来。</span>
+        </p>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <p>
+        <br/>
+    </p>
+    <section class="_135editor">
+        <section style="text-align: center; width: auto; letter-spacing: 1px; line-height: 1.75em;">
+            <section style="width:100%;display: inline-block;" data-width="100%">
+                <section style="display: flex;justify-content: center;align-items: center;" class="">
+                    <section style="width:2.8em;transform: scaleX(-1);-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);-o-transform: scaleX(-1);" class="">
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%" class=""></section>
+                        <section style="width: 80%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; margin: 5px 0px; box-sizing: border-box;" data-width="80%" class=""></section>
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%" class=""></section>
+                    </section>
+                    <section style="display:inline-block;margin-left:5px;">
+                        <section style="padding: 4px 1.5em 5px; background-image: url(&quot;https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzY3aWM4TGd1QlNyTndaNlhwaGNBMlphNUpYSkthelMxMTBDM0pBb2xBN2lhZ0I0WEZCRlpkQ0dhbW1EZDRFNWdTeHFZQURxdjlaalpYQS8w&quot;); background-repeat: no-repeat; text-align: center; background-size: 100% 100%; color: rgb(254, 255, 254); font-size: 16px; letter-spacing: 1.5px; box-sizing: border-box;" class="135brush" data-brushtype="text">
+                            <span style="font-size: 14px;">党建的四项基本要求</span>
+                        </section>
+                    </section>
+                    <section style="width:2.8em;margin-left:5px;">
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%" class=""></section>
+                        <section style="width: 80%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; margin: 5px 0px; box-sizing: border-box;" data-width="80%"></section>
+                        <section style="width: 60%; height: 4px; background: rgb(212, 10, 17); border-radius: 6px; box-sizing: border-box;" data-width="60%"></section>
+                    </section>
+                </section>
+            </section>
+        </section>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <section class="_135editor">
+        <section style="background:#eeeeee;">
+            <section data-autoskip="1" class="135brush" style="font-size: 14px; text-align: justify; letter-spacing: 1.5px; line-height: 1.75em; color: rgb(63, 62, 63); padding: 1em; box-sizing: border-box;">
+                <p style="letter-spacing: 1px; line-height: 1.75em;">
+                    <strong><span style="font-size: 14px;">第一，坚持党的基本路线。</span></strong>
+                </p>
+                <p style="letter-spacing: 1px; line-height: 1.75em;">
+                    <strong><span style="font-size: 14px;">第二，坚持解放思想，实事求是，与时俱进。</span></strong>
+                </p>
+                <p style="letter-spacing: 1px; line-height: 1.75em;">
+                    <strong><span style="font-size: 14px;">第三，坚持全心全意为人民服务。</span></strong>
+                </p>
+                <p style="letter-spacing: 1px; line-height: 1.75em;">
+                    <strong><span style="font-size: 14px;">第四，坚持民主集中制。</span></strong>
+                </p>
+            </section>
+        </section>
+        <section style="text-align: right; margin-top: -18px; margin-right: 1em; letter-spacing: 1px; line-height: 1.75em;" class="">
+            <section style="width: 4em;height:4px;background: #c00000;display: inline-block;" class=""></section>
+        </section>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <p>
+        <br/>
+    </p>
+    <section class="_135editor">
+        <p style="text-align:center; letter-spacing: 1px; line-height: 1.75em;" align="center">
+            <span style="font-size: 15px;"><strong><span style="color: #c00000;">九十八年，峥嵘岁月，</span></strong></span>
+        </p>
+        <p style="text-align:center; letter-spacing: 1px; line-height: 1.75em;" align="center">
+            <span style="font-size: 15px;"><strong><span style="color: #c00000; font-size: 15px;">九十八年，辉煌历程。</span></strong></span>
+        </p>
+        <p>
+            <br/>
+        </p>
+        <p style="letter-spacing: 1px; line-height: 1.75em;">
+            <span style="font-size: 14px;">今天的我们挥舞着前辈们的伟大旗帜 ,追随着那从未熄灭的明灯,冲锋陷阵,高扬风帆,向着那彼岸,向着那未来更加执着而勇敢地前进, 前进 ,前进！&nbsp;</span>
+        </p>
+    </section>
+    <p>
+        <br/>
+    </p>
+    <section class="_135editor">
+        <section style="text-align: center;" class="">
+            <section style="display: inline-block;width:3em;" class="">
+                <img style="width: 100%;display: block;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9naWYvN1FSVHZrSzJxQzdLUzZhNVBJdDVmQlB0V3M0QUFZVnRRRTE1RnQ1elIzRUhrYnRmWGJhSUF0VGliOUhtRDNIQU16clBPbk1QSVlhMkNmQ2hUcEtiaWJhZy8wP3d4X2ZtdD1naWY=" data-width="100%" data-ratio="1"/>
+            </section>
+            <section class="135brush" data-brushtype="text" style="text-align: center;letter-spacing: 1.5px;font-size: 14px;margin-top:-10px;color:#c00000;">
+                <span style="color: #c00000;"></span>-END-
+            </section>
+        </section>
+    </section>
+    <section class="_135editor">
+        <p style="text-align:center; letter-spacing: 1px; line-height: 1.75em;" align="center">
+            <br/>
+        </p>
+        <p style="text-align:center; letter-spacing: 1px; line-height: 1.75em;" align="center">
+            <span style="font-size: 13px;">排版丨135小编</span>
+        </p>
+        <p style="text-align:center; letter-spacing: 1px; line-height: 1.75em;" align="center">
+            <span style="font-size: 13px;">文案丨来源网络（侵删）</span>
+        </p>
+        <p style="text-align:center; letter-spacing: 1px; line-height: 1.75em;" align="center">
+            <span style="font-size: 13px;">图片丨来源网络（侵删）</span>
+        </p>
+        <p>
+            <br/>
+        </p>
+    </section>
+    <section class="_135editor">
+        <section style="padding-right: 2em; box-sizing: border-box;" class="">
+            <section style="width:2em;height:2em;background: #fefefe;overflow: hidden;margin-bottom: -2em;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
+                <section style="height:3em;border-left:2px solid #c00000;margin-left:12px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);"></section>
+            </section>
+            <section style="box-sizing:border-box;border:2px solid #c00000;padding: 1em;" class="">
+                <section style="display: flex;justify-content:space-between;align-items: center;" class="">
+                    <section style="width: 50%; text-align: left; font-size: 14px; letter-spacing: 1.5px; color: #c00000;" data-width="50%">
+                        <section style="font-size: 14px;text-align: justify;letter-spacing: 1.5px;line-height: 1.75em;" class="">
+                            <section data-autoskip="1" class="135brush" style="font-size: 14px;color: #c00000;letter-spacing: 2px;line-height: 1.75em;">
+                                <p>
+                                    扫码关注
+                                </p>
+                            </section>
+                            <section style="display: flex;justify-content:space-between;align-items: center;flex:1;margin:10px auto;" class="">
+                                <section style="display: flex;justify-content:center;align-items: center;" class="">
+                                    <section data-bgless="spin" data-bgopacity="60%" style="width:4em;height:1.4em;background:rgba(222,69,69,0.40);" class=""></section>
+                                    <section data-bgless="spin" data-bgopacity="0%" style="width:3em;height:0.6em;background:#c00000;margin-left: -1em;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);" class=""></section>
+                                </section>
+                            </section>
+                            <section data-autoskip="1" class="135brush" style="font-size: 14px;color: #c00000;letter-spacing: 2px;line-height: 1.75em;">
+                                <p>
+                                    有趣的灵魂在等你
+                                </p>
+                            </section>
+                        </section>
+                    </section>
+                    <section style="width: 45%;flex:1;margin-left:1em;margin-right: -3em;" data-width="45%" class="">
+                        <img style="width: 100%; display: block; border: 5px solid rgb(192, 0, 0); height: 116px;" src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvN1FSVHZrSzJxQzZEZjRCeUQydWxJTmY3c3NxZTBLa3dPdGFBTjZkbGpFc0ZEbmZlRFRsUnBMaWFjbmN5eHg5WDFpYmljZkRQRW9zam1QZzcweFpTM2dLaWF3LzA=" data-ratio="1" data-width="100%" width="116" height="116"/>
+                    </section>
+                </section>
+            </section>
+        </section>
+    </section>
+</section>
+<p>
+    <br/>
+</p>`,
     unStar: '/images/common/star.png',
     star: '/images/common/star_light.png',
     isStar: true,
+    showBtn: true,
   },
   onClickCollect () {
     this.setData({
@@ -16,6 +391,9 @@ Page({
     })
     // 收藏功能
   },
+  onlineSubmit () {
+    console.log('在线报名')
+  },
   /**
    * 生命周期函数--监听页面加载
    */

pages/article/index.json

@@ -1,3 +1,5 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "e-ibutton": "/components/image-button/index"
+  }
 }

pages/article/index.wxml

@@ -8,7 +8,10 @@
       <image class="artice_collect" src="{{isStar ? star : unStar}}" bindtap="onClickCollect"></image>
     </view>
   </view>
-  <view class="page_bd">
+  <view class="page_bd {{showBtn ? 'page_bd_short':''}}">
-    <rich-text nodes="{{nodes}}" bindtap="tap"></rich-text>
+    <rich-text nodes="{{nodes}}"></rich-text>
+  </view>
+  <view class="page_footer" wx:if="{{showBtn}}">
+    <e-ibutton title="在线报名" bind:onTap="onlineSubmit"/>
   </view>
 </view>

pages/article/index.wxss

@@ -1,6 +1,4 @@
 /* pages/article/index.wxss */
-.container {
-}
 .page_hd {
   padding: 0 15px;
   display: flex;
@@ -31,3 +29,18 @@
   width: 20px;
   height: 20px;
 }
+.page_footer {
+  background-color: white;
+  border-top: 1px solid #f7f7f7;
+  padding: 10px 20px 20px 20px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  position: fixed;
+}
+.page_bd {
+  padding: 0 10px;
+}
+.page_bd_short {
+  margin-bottom: 81px; 
+}

pages/billboards/firm/index.js

@@ -5,7 +5,14 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    navs: [
+      "千人计划",
+      "泰山学者",
+      "泰山学者",
+      "泰山学者",
+      "泰山学者",
+      "泰山学者",
+    ]
   },
 
   /**
@@ -13,6 +20,9 @@ Page({
    */
   onLoad: function (options) {
 
+  },
+  tapSegemnt (e) {
+    console.log(e.detail)
   },
   clickCardItem(e) {
     console.log(e.detail)

pages/billboards/firm/index.json

@@ -1,6 +1,7 @@
 {
   "navigationBarTitleText": "重点企业",
   "usingComponents": {
-    "e-card": "/components/card/index"
+    "e-card": "/components/card/index",
+    "e-segment": "/components/segment/index"
   }
 }

pages/billboards/firm/index.wxml

@@ -1,8 +1,13 @@
 <!--pages/billboards/firm/index.wxml-->
 <view class="container">
+  <view class="page_hd">
+    <e-segment headerTitles="{{navs}}" bind:tapSegment="tapSegemnt"/>
+  </view>
+  <view class="page_bd">
     <block wx:for="{{[1,3,4]}}" wx:key="*this">
       <e-card cId="{{index}}" 
         tag-class="e_card" 
         bind:clickCardItem="clickCardItem"/>
     </block>
+  </view>
 </view>

pages/billboards/firm/index.wxss

@@ -1,10 +1,24 @@
 /* pages/billboards/firm/index.wxss */
 .container {
+
+}
+.page_hd {
+  position: fixed;
+  border-bottom: 1px solid #f7f7f7;
+  top: 0;
+  height: 48px;
+  width: 100%;
+  left: 0;
+  z-index: 10;
+  background-color: white;
+}
+.page_bd {
   padding: 0 3vw;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
+  margin-top: 50px;
 }
 .e_card {
   width: 45vw;

pages/billboards/park/index.json

@@ -1,5 +1,5 @@
 {
-  "navigationBarTitleText": "创业园区",
+  "navigationBarTitleText": "平台载体",
   "usingComponents": {
     "e-card": "/components/card/index"
   }

pages/billboards/policy/components/tags/index.wxml

@@ -5,5 +5,5 @@
       <view class="tag-item" bindtap="onTap" data-index="{{index}}">人才政策</view>
     </block>
   </view>
-  <view class="tag-all" bindtap="onTap" data-index="-1">全部</view>
+  <view class="tag-all" bindtap="onTap" data-index="0">全部</view>
 </view>

pages/billboards/policy/index.wxss

@@ -1 +1,10 @@
 /* pages/billboards/policy/index.wxss */
+.page_hd .weui-search-bar {
+  background-color: white;
+}
+.page_hd .weui-search-bar__label {
+  background-color: #EDEDED;
+}
+.page_hd .weui-search-bar__form {
+  background-color: #EDEDED;
+}

pages/billboards/policy/policy-list/index.js

@@ -5,7 +5,44 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    navSelectIndex: 0,
+    nodes: `<section class="_editor" data-support="96编辑器" data-style-id="24818">
+    <section style="text-align: center;margin:10px 0px;">
+        <section style="width:4px;height:24px;background-color:#ffc100;display:inline-block;vertical-align: middle;transform: rotatez(0deg);"></section>
+        <section style="margin-right: -2px; margin-left: -2px; border-style: solid; border-width: 1px; border-color: #000000; padding: 2px 10px; display: inline-block; vertical-align: middle;">
+            <p style="letter-spacing: 2px;">
+                便民举措<br/>
+            </p>
+        </section>
+        <section style="width:4px;height:24px;background-color:#ffc100;display:inline-block;vertical-align: middle;"></section>
+    </section>
+</section>
+<section class="_editor" data-support="96编辑器" data-style-id="24804">
+    <section style="margin:10px 0px;">
+        <section style="width: 12px; height: 12px; background-color: #ffc81c; border-radius: 50%; box-sizing: border-box;"></section>
+        <section style="margin-top: -12px; margin-left: auto; width: 12px; height: 12px; background-color: #ffc81c; border-radius: 50%; box-sizing: border-box;"></section>
+        <section style="margin:-6px 6px;border-style:solid;border-width:1px;border-color:#ffcc9c;background-color:#fefefe;padding:15px;display:inline-block;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);">
+            <p style="letter-spacing: 2px;">
+                <span style="font-size: 14px;">当清晨的一缕阳光透过窗帘上的空隙映照在沉睡的脸庞时，微微张开的双眼朦胧地注视着周遭的一切，新的一天悄然而至。</span>
+            </p>
+        </section>
+        <section style="width: 12px; height: 12px; background-color: #ffc81c; border-radius: 50%; box-sizing: border-box;"></section>
+        <section style="margin-top: -12px; margin-left: auto; width: 12px; height: 12px; background-color: #ffc81c; border-radius: 50%; box-sizing: border-box;"></section>
+    </section>
+</section>
+<section class="_editor">
+    <p>
+        <br/>
+    </p>
+</section>`,
+    navs: [
+      "千人计划",
+      "泰山学者",
+      "泰山学者",
+      "泰山学者",
+      "泰山学者",
+      "泰山学者",
+    ]
   },
 
   /**
@@ -14,6 +51,9 @@ Page({
   onLoad: function (options) {
     console.log(options)
     const {index} = options
+    this.setData({
+      navSelectIndex: index
+    })
   },
 
   /**

pages/billboards/policy/policy-list/index.json

@@ -1,3 +1,6 @@
 {
-  "usingComponents": {}
+  "navigationBarTitleText": "人才政策",
+  "usingComponents": {
+    "e-segment": "/components/segment/index"
+  }
 }

pages/billboards/policy/policy-list/index.wxml

@@ -1,2 +1,9 @@
 <!--pages/billboards/policy/policy-list/index.wxml-->
-<text>pages/billboards/policy/policy-list/index.wxml</text>
+<view class="container">
+  <view class="page_hd">
+    <e-segment headerTitles="{{navs}}" defaultSelectIndex="{{navSelectIndex}}"/>
+  </view>
+  <view class="page_bd">
+    <rich-text nodes="{{nodes}}"></rich-text>
+  </view>
+</view>

pages/billboards/policy/policy-list/index.wxss

@@ -1 +1,15 @@
 /* pages/billboards/policy/policy-list/index.wxss */
+.page_hd {
+  position: fixed;
+  border-bottom: 1px solid #f7f7f7;
+  top: 0;
+  height: 48px;
+  width: 100%;
+  left: 0;
+  z-index: 10;
+  background-color: white;
+}
+.page_bd {
+  padding: 10px 10px 0 10px;
+  margin-top: 48px;
+}

pages/home/index.js

@@ -38,7 +38,10 @@ Page({
   },
   clickListItem (e) {
     console.log(e.detail)
-    this.gotoArticePage(e.detail.id)
+    // this.gotoArticePage(e.detail.id)
+    wx.redirectTo({
+      url: '/pages/register/index',
+    })
   },
   gotoArticePage (id) {
     wx.navigateTo({

pages/register/index.js

@@ -0,0 +1,57 @@
+// pages/register/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    disabled: false, // 是否允许点击注册
+    rules: [
+      {
+        name: 'name',
+        rules: { required: true, message: '姓名必填' },
+      }, { // 多个规则
+        name: 'mobile',
+        rules: [{ required: true, message: '手机号必填' }, { mobile: true, message: '手机号格式不对' }],
+      }, {
+        name: 'vcode',
+        rules: { required: true, message: '验证码必填' },
+      },
+    ],
+    formData: {
+
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+  formInputChange (e) {
+    const { field } = e.currentTarget.dataset
+    this.setData({
+      [`formData.${field}`]: e.detail.value
+    })
+  },
+  submitClick () {
+    this.selectComponent('#form').validate((valid, errors) => {
+      console.log('valid', valid, errors)
+      if (!valid) {
+        const firstError = Object.keys(errors)
+        if (firstError.length) {
+          const error = errors[firstError[0]].message
+          wx.showToast({
+            icon: "none",
+            title: error
+          })
+        }
+      } else {
+        wx.showToast({
+          title: '校验通过'
+        })
+      }
+    })
+  }
+})

pages/register/index.json

@@ -0,0 +1,9 @@
+{
+  "usingComponents": {
+    "mp-cell": "/components/weui/cell/cell",
+    "mp-cells": "/components/weui/cells/cells",
+    "mp-checkbox": "/components/weui/checkbox/checkbox",
+    "mp-form": "/components/weui/form/form",
+    "e-ibotton": "/components/image-button/index"
+  }
+}

pages/register/index.wxml

@@ -0,0 +1,25 @@
+<!--pages/register/index.wxml-->
+<view class="container">
+  <navigator open-type="reLaunch" url="/pages/home/index">
+    <image class="register_cancel" src="/images/common/close.png"></image>
+  </navigator>
+  <view class="page_bd">
+    <view class="register_form">
+      <mp-form id="form" rules="{{rules}}" models="{{formData}}"> 
+        <mp-cells title="注册验证" >
+          <mp-cell icon="/images/common/user.png" prop="name" title="" ext-class="">
+              <input bindinput="formInputChange" data-field="name" class="weui-input" placeholder="请输入真实姓名"/>
+          </mp-cell>
+          <mp-cell icon="/images/common/phone.png" prop="mobile" ext-class="">
+              <input bindinput="formInputChange" data-field="mobile" class="weui-input" placeholder="请输入手机号"/>
+          </mp-cell>
+          <mp-cell prop="vcode" ext-class=" weui-cell_vcode">
+              <input bindinput="formInputChange" data-field="vcode" class="weui-input" placeholder="请输入验证码"/>
+              <view slot="footer" class="weui-vcode-btn">获取验证码</view>
+          </mp-cell>
+        </mp-cells>
+      </mp-form>
+    </view>
+    <e-ibotton title="注册" bind:onTap="submitClick"/>
+  </view>
+</view>

pages/register/index.wxss

@@ -0,0 +1,35 @@
+/* pages/register/index.wxss */
+
+.container {
+  position: relative;
+  padding: 0 20px;
+  display: flex;
+  height: 100vh;
+  justify-items: center;
+  align-items: center;
+}
+.register_cancel {
+  position: absolute;
+  padding: 10px;
+  width: 30px;
+  height: 30px;
+  top: 0;
+  right: 20px;
+}
+.page_bd {
+  height: 60vh;
+  width: 100%;
+}
+
+.register_form .weui-cells__title {
+  font-size: 19px;
+  color: black;
+}
+.register_form .weui-cell__icon {
+  padding-right:5px;
+  width: 25px; 
+  height: 30px;
+}
+.register_form .weui-cells::before {
+  border-top: 0px solid white;
+}

project.config.json

@@ -4,7 +4,7 @@
 		"ignore": []
 	},
 	"setting": {
-		"urlCheck": true,
+		"urlCheck": false,
 		"es6": true,
 		"enhance": false,
 		"postcss": true,
@@ -50,7 +50,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 4,
+			"current": 5,
 			"list": [
 				{
 					"id": -1,
@@ -84,6 +84,13 @@
 					"id": -1,
 					"name": "policy-list",
 					"pathName": "pages/billboards/policy/policy-list/index",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "Register",
+					"pathName": "pages/register/index",
 					"scene": null
 				}
 			]