test

app/Http/Controllers/WeChat/ApiController.php

@@ -496,6 +496,12 @@ class ApiController extends Controller
         if(!empty($form_set->top_image)) {
             $form_set->top_image = url($form_set->top_image);
         }
+        if(!empty($form_set->radio_value)) {
+            $form_set->radio_value = explode(',', $form_set->radio_value);
+        }
+        if(!empty($form_set->checkbox_value)) {
+            $form_set->checkbox_value = explode(',', $form_set->checkbox_value);
+        }
         return response()->json(['status' => 'success', 'data' => $form_set]);
     }
 }

wechat/pages/form/index.js

@@ -22,6 +22,12 @@ Page({
           that.setData({
             data: res.data.data
           })
+          if(res.data.data.top_title) {
+            wx.setNavigationBarTitle({
+              title: res.data.data.top_title
+            })
+          }
+          
         }
       }
     })

wechat/pages/form/index.wxml

@@ -1 +1,41 @@
 <!--pages/form/index.wxml-->
+<view class='form-contaienr'>
+  <form>
+    <image wx:if="{{ data.top_image }}" src='{{ data.top_image }}' class='top-image'></image>
+    <view class='top-desp' wx:if="{{ data.top_desp }}">{{ data.top_desp }}</view>
+    <view wx:if="{{ data.mode == 1 }}" class='mode-1-container'>
+      <view class='form-body'>
+        <view wx:if="{{ data.text_1_status == 1 }}" class='form-group'>
+          <view class='form-label'><text wx:if="{{ data.text_1_need == 1 }}" class='need-label'>*</text>{{ data.text_1 }}</view>
+          <view class='form-input'>
+            <input name="text_1"></input>
+          </view>
+        </view>
+        <view wx:if="{{ data.text_2_status == 1 }}" class='form-group'>
+          <view class='form-label'><text wx:if="{{ data.text_2_need == 1 }}" class='need-label'>*</text>{{ data.text_2 }}</view>
+          <view class='form-input'>
+            <input name="text_2"></input>
+          </view>
+        </view>
+        <view wx:if="{{ data.text_3_status == 1 }}" class='form-group'>
+          <view class='form-label'><text wx:if="{{ data.text_3_need == 1 }}" class='need-label'>*</text>{{ data.text_3 }}</view>
+          <view class='form-input'>
+            <input name="text_3"></input>
+          </view>
+        </view>
+        <view wx:if="{{ data.text_4_status == 1 }}" class='form-group'>
+          <view class='form-label'><text wx:if="{{ data.text_4_need == 1 }}" class='need-label'>*</text>{{ data.text_4 }}</view>
+          <view class='form-input'>
+            <input name="text_4"></input>
+          </view>
+        </view>
+        <view wx:if="{{ data.multi_text_status == 1 }}" class='form-group'>
+          <view class='form-label'><text wx:if="{{ data.multi_text_need == 1 }}" class='need-label'>*</text>{{ data.multi_text }}</view>
+          <view class='form-input'>
+            <textarea name='multi_text'></textarea>
+          </view>
+        </view>
+      </view>
+    </view>
+  </form>
+</view>

wechat/pages/form/index.wxss

@@ -1 +1,25 @@
-/* pages/form/index.wxss */
+/* pages/form/index.wxss */
+.form-contaienr {
+  margin-bottom: 15px;
+}
+.top-image {
+  width: 100%;
+}
+.top-desp {
+  margin: 5px 10px;
+  font-size: 0.9rem;
+  color: grey;
+}
+.mode-1-container .form-group {
+  margin-top: 15px;
+}
+.mode-1-container .form-label {
+  margin: 5px 10px;
+}
+.mode-1-container .form-input {
+  background-color: white;
+  padding: 5px;
+}
+.mode-1-container .need-label {
+  color: red;
+}