From 5b30d930ab1abf93a0d3c33e9b151e5433cf5025 Mon Sep 17 00:00:00 2001
From: jiechaowu <jiechaowu@tencent.com>
Date: Fri, 7 Feb 2020 11:25:32 +0800
Subject: [PATCH] feat: select

---
 miniprogram/pages/index/index.js   | 10 +++++++---
 miniprogram/pages/index/index.wxml | 25 +++++++++++++++++--------
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/miniprogram/pages/index/index.js b/miniprogram/pages/index/index.js
index 23e9fa8..e670ba4 100644
--- a/miniprogram/pages/index/index.js
+++ b/miniprogram/pages/index/index.js
@@ -20,6 +20,8 @@ Page({
     showMine: '',
     mylist: [],
     showText: '显示我的关注',
+    trafficTypes: ['飞机', '火车', '汽车', '轮船', '其他'],
+    trafficIndex: 0,
     radioItems: [{
         name: '飞机',
         value: 'airplane',
@@ -60,7 +62,7 @@ Page({
       data: {
         roomId: "74b140b45e3bc36b0b18f03c41ff8b6a",
       },
-      success: res =>{
+      success: res => {
         console.log("send ok", res)
       },
       fail: console.error,
@@ -275,10 +277,12 @@ Page({
   },
 
   bindTypeChange: function(e) {
-    this.setTypeValue(e.detail.value)
+    const typeValue = this.data.radioItems[e.detail.value].value
+    this.data.typeName = typeValue
+    this.setTypeValue(typeValue)
     let radioItems = this.data.radioItems;
     for (var i = 0, len = radioItems.length; i < len; ++i) {
-      radioItems[i].checked = radioItems[i].value == e.detail.value;
+      radioItems[i].checked = radioItems[i].value == typeValue;
     }
     this.setData({
       radioItems: radioItems
diff --git a/miniprogram/pages/index/index.wxml b/miniprogram/pages/index/index.wxml
index 7f98072..94e8e7d 100644
--- a/miniprogram/pages/index/index.wxml
+++ b/miniprogram/pages/index/index.wxml
@@ -14,22 +14,31 @@
   <view class="page__bd">
     <form bindsubmit="formSubmit" bindreset="formReset">
       <!-- 交通类型 -->
-      <view class="weui-cells__title">交通类型</view>
+      <!-- <view class="weui-cells__title">交通类型</view>
       <view class="weui-cells weui-cells_after-title">
         <radio-group name="typeName" bindchange="bindTypeChange">
           <label class="weui-cell weui-check__label" wx:for="{{radioItems}}" wx:key="value">
             <radio class="weui-check" value="{{item.value}}" checked="{{item.checked}}" />
-
             <view class="weui-cell__bd">{{item.name}}</view>
             <view class="weui-cell__ft weui-cell__ft_in-radio" wx:if="{{item.checked}}">
               <icon class="weui-icon-radio" type="success_no_circle" size="16"></icon>
             </view>
           </label>
         </radio-group>
-      </view>
+      </view> -->
       <!-- 乘坐信息 -->
       <view class="weui-cells__title">乘坐信息</view>
       <view class="weui-cells weui-cells_after-title">
+        <view class="weui-cell weui-cell_select">
+          <view class="weui-cell__hd weui-cell__hd_in-select-after">
+            <view class="weui-label" style="margin-left:15px">交通类型</view>
+          </view>
+          <view class="weui-cell__bd">
+            <picker bindchange="bindTypeChange" value="trafficIndex" range="{{trafficTypes}}">
+              <view class="weui-select">{{radioItems[trafficIndex].name}}</view>
+            </picker>
+          </view>
+        </view>
         <view class="weui-cell ">
           <view class="weui-cell__hd">
             <view class="weui-label">{{typeName}}</view>
@@ -50,7 +59,7 @@
         </view>
       </view>
       <!-- 提交 -->
-      <view class="weui-btn-area">
+      <view class="weui-btn-area" style="margin-bottom:40px">
         <button class="weui-btn" type="primary" formType="submit">生成二维码</button>
       </view>
     </form>
@@ -94,17 +103,17 @@
   </form>
 </view> -->
 
-<view style="margin-bottom:100px">
+<!-- <view style="margin-bottom:100px">
   <button bindtap="showMine">{{showText}}</button>
   <view wx:if="{{showMine}}" class="group" wx:key="_id" wx:for="{{mylist}}">
     <navigator url="../room/room?roomId={{item._id}}" open-type="navigate" class="uploader-text">
       <text>{{item.typeValue}} {{item.typeName}} {{item.date}} 查看</text>
     </navigator>
   </view>
-</view>
+</view> -->
 
-<view class="wxcode" wx:if="{{wxacodeResult}}" style="margin-bottom:100px">
-  <image src="{{wxacodeSrc}}" show-menu-by-longpress='true' mode="aspectFit"></image>
+<view class="wxcode" wx:if="{{wxacodeResult}}" style="margin-bottom:100px;text-align:center">
+  <image src="{{wxacodeSrc}}" show-menu-by-longpress='true' mode="aspectFit" style="margin:0 auto"></image>
 
   <view class="uploader">
     <navigator url="../room/room?roomId={{roomId}}" open-type="navigate" class="uploader-text">
-- 
Gitee