小程序开发日志（1）

更改首页

只需要把 app.json 中的 pages 放到首页即可

链接点击特效

有时候设置一个点击链接会有黑条，我们只要设置

<navigator url="/pages/view/HomePage/HomePage" hover-class="none">暂不登录</navigator>
// hover-class="none" 即可

判断CheckBox

通过label判断Checkbox的值

      <label class="Rd">
        <checkbox-group bindchange="bindChange">
          <checkbox value="name" class="Rd_c"></checkbox>
        </checkbox-group>
        <text class="Rd_text">阅读</text>
        <navigator class="Rd_na" url="/pages/view/agreement/agreement">《用户协议及隐秘政策》</navigator> 
      </label>
// 当 value = name 时 就是true

Component({
    data:{
    longin_ : ''
    },
    methods:{
    // 判断， 因为bindchange获取的是对象，需要转换为string类型才可以
         bindChange:function(e) {
       this.setData({longin_:e.detail.value})
       let a = this.data.longin_.toString()
       console.log(a === 'name');
          }
    }
})

设置 navigator 标签

自定义标签时想返回上一层，可以设置 open-navigateBack 来返回路由的上一层

笨办法添加图片

小程序有一个 wx.chooseImage 添加图片的API

                wx.chooseImage({
                    // 基础设置
                    count: 1,
                    sizeType: ['original', 'compressed'],
                    sourceType: ['album', 'camera'],
                  success (res) {
                    }
                })

可以通过

that.setData({src : [...that.data.src,res.tempFilePaths]}) // 来一直传递一个新的值

但是该api不接受 this.setData ，于是我们在外部命名一个 let that = this 这样就可以使用setData了，

wxml部分

            <view class="Add_style" bindtap="add">
                <image class="Add_image" src="{{src[2]}}" wx:if="{{src[2] !== undefined}}"></image>
            <image class="Add_image" src="{{src[1]}}" wx:if="{{src[1] !== undefiend}}"></image>
            <image class="Add_image" src="{{src[0]}}" wx:if="{{src[0] !== undefiend}}"></image>
            <view class="form_fill_view_1" wx:if="{{index !== 2 }}">
                <view class="add1"></view>
                <view class="add2"></view>
            </view>
        </view>

// 笨办法判断，有优化的部分，待优化

白色主题栏

"navigationBarTextStyle":"white"