找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

SF问答精选《二》使用第三方库问题,swiper点何修改样式

作者:模板之家 2018-4-11 10:00 5500人关注

问题:怎么在一个输入框中输入的同时去判断另外一个输入框是否输入了内容? 微信小程序中,怎么在一个输入框中输入的同时去判断另外一个输入框是否输入了内容?就是2个输入框

问题:怎么在一个输入框中输入的同时去判断另外一个输入框是否输入了内容?
微信小程序中,怎么在一个输入框中输入的同时去判断另外一个输入框是否输入了内容?就是2个输入框能联动
答:@Di
解决方案: 数据绑定
建立两个value,分别绑定到input的value中
交互分析
两个input肯定会有一个先被点击并输入内容-》赋值相应数据setData({value*:e.detail.value})
然后处理接下来的逻辑

实际例子wxml

<input id="input1" value="{{value1}}" bindinput="bindInputValue1" />

<input id="input2" value="{{value2}}" bindinput="bindInputValue2" />

js

bindInputValue1: function(e){

  var that = this;

  // 获取相应的输入值

  var value1 = e.detail.value;

  that.setData({

    value1: value1

  });

  // 在这里可以获取value2 继续操作

  var value2 = that.data.value2;

  //这里可以继续操作

  //如实现联动更改

  if(value2 == "hello world!"){

    这里做系列处理

  }

}



bindInputValue2: function(e){

   // 类似 bindInputValue1

}

问题:微信小程序 scroll-view flex-wrap 失效问题大家好, 有哪位遇到过微信小程序 scroll-view 样式设置

display: flex;

width: 100%;

line-height: 88px;

flex-wrap: nowrap;

justify-content: space-between;

overflow: hidden;

, 同时 子元素 设置: flex: 1 0 auto, 造成每个子元素都会自动换行(即是造成 scroll-view 的 flex-wrap: nowrap 无效)吗?
答:@iray
scroll-view 采用 flex是不起作用的,建议在 scroll-view里再套一层view,对这个view采用flex

问题:
微信小程序如何对单条数据进行操作?
微信小程序里面,这种点赞如何对单条消息进行点赞?不能操作DOM,我定义了一个变量,一个变了其他全变了
11.png

 data:{

    videoinfo:[],

    uservideos:[],

    hidden:true,

    likeNum:112,

    likevideo:false,

likeThisVideo:function(){

      var _this = this;

      _this.setData({

        likevideo:!(_this.data.likevideo),

        likeNum:(_this.data.likevideo==true)?_this.data.likeNum-1:_this.data.likeNum+1

      })

    }

<view class="options">

    <view class="comment-icon comment-like {{likecomment?'liked':''}}" bindtap="likeThisComment"></view>

    <view class="like-num">{{likeNum}}</view>

    <view class="comment-icon comment-reply" bindtap="showInput"></view>

  </view>

答:@sen_你data适用于全部评论,当然不行

data(){

    //用户评论

    msg:[

       {

           info: 'xxxxxx',

           likeNum: 112

       },{

           info: 'xxxxxx',

           likeNum: 112

       }

    ];

data的格式可以这样,点赞的时候再修改特定的likeNum就好了

问题:
微信小程序使用第三方库问题?
项目中需要使用base4,克隆了一个下来https://github.com/dankogai/js-base64.
因为小程序目前不支持直接引入 node_modules 所以我写的是路径
我在app.js里根据路径写

require('./node_module/js-base64/base64.js');

但是报错

WAService.js:3 TypeError: Cannot read property 'Base64' of undefined

答:@jayzou因为源码里面并没有exports Base64对象出来,自己手动exports就可以了

@hwencc
目前来说,我也没找到好的方法,只能修改源码强制导出 小程序的运行时环境既不是Node.js也不是浏览器,也没有暴露全局对象。。。
在Base64源码的最开始

global = {}; //在最开始加上这个

var _Base64 = global.Base64;

在最后

// that's it!

if (global['Meteor']) {

Base64 = global.Base64; // for normal export in Meteor.js

}

module.exports = global.Base64; //最后加上这个

这样就能用了

import base64 from './node_module/js-base64/base64.js'

问题:
微信小程序swiper切换的点如何修改样式。
在wxml没有相关点的xwml,不知道class是什么,请问如何修改样式?
12.jpg
答:@许剑锋
学小程序时写过一个B站demo,也遇到此问题,最后自定义Swiper的Dot来实现了。
思路是:用view组件重写dot,给swiper组件绑定bindchange事件用来获取当前第几个dot,动态改变class。



路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)