微信小程序更新以后今天<radio>全部变成垂直排列了,布局乱了. 一开始尝试给外层<view>添加display:flex;flex-direction:row:未果. 后来在开发者社区查找,发现是微信更新后的bug,很多线上的项目都受影响了. 解决: 1.在<radio-group>里添加包一个<view></view> 2.给<label>标签添加display:inline-block:

首页效果 首页功能主要有 搜索(下篇文章介绍) 图书列表 图书列表 分析一波: 列表是水平滑动 点击列表会有按压效果:布局整体缩小 每个布局的信息从上到下排列分别是:图片.书名.作者.出版社 每个布局之间都有间隔 根据以上信息,在没有服务器接口的时候我们可以利用模拟数据将静态页面实现出来. 首先是水平滑动列表,这个可以使用swiper组件实现,在使用swiper组件的时候可以通过设置previous-margin和next-margin字段实现布局之间的间隔. 而按压效果可以通过CSS效果实现,

今天在写小程序的时候用到radio组件,但是很懊恼并未提供修改radio组件大小属性,第一感觉准备用css width , height 改变radio的大小,但是怎么搞也无法改变. 但是又不愿意搞个图片或者字体啥的,感觉麻烦,后来用了下面样式可以改变radio默认样式大小: radio{ transform:scale(.8)  }

  ExtJs2.0好像不支持单选框组,因此用两个name相同单选框来实现单选框组 var radio1 = new Ext.form.Radio({boxLabel:'男',name:'sex',id:'yes',inputValue:'0',width : 150, height : 20}); var radio2 = new Ext.form.Radio({boxLabel:'女',name:'sex',id:'no',inputValue:'1', width : 150,height

.city-radio-group-label .city-label-radio {    //label样式   padding: 15rpx 50rpx;   position: relative;   font-size: 28rpx;   margin-bottom: 30rpx;   color: black;   background: white;   border-radius: 10rpx; } .city-label-style .wx-radio-input {    /

更新 2019-01-26:首次发布 2019-01-27:增加默认取值选中radio/checkbox,checkbox需在onload取值 2019-01-28:增加radio取值不存在红色提示和checkbox演示取值实例以及修复radio卡顿情况.以及radio取不同值演示(radio.wxml) 自定义radio/checkbox组件,可根据自己要求自行修改 (可取值) tips:如果需要改成自己需要的样式,可以进行任意扩展 点击下载:示例 ,支持的话可以给个star

我们知道常用的居中对齐方式有很多种例如: text-align:center; align-items:center; justify-content: center; margin: auto; #子容器在父容器中居中 但是在view中的文字对齐却不能简单的使用text-align: center;来实现,这种办法只能实现文字的水平居中, 要实现水平垂直居中 可使用如下方案 .td { display: flex; align-items: center; justify-content: c

css样式改变大小: transform:scale(.7);

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源

最近开始负责公司webapp数据打通支付宝小程序,之前已经打通了微信小程序,现在根据支付宝小程序的开发文档在之前的模板上面做修改. 在修改模板的过程中,总结一下双方功能和语法糖的不同之处. 框架: app.json 配置列表 支付宝小程序 微信小程序 window 属性 支付宝小程序 微信小程序 tabBar 属性 支付宝小程序 微信小程序 事件绑定:微信绑定事件用的是 bind 前缀, 事件名称首字母小写 (例如:bindtap):支付宝绑定用 on 前缀,事件名称首字母大写(例如:onTap

前言引入第三方模块时,我遇到了很多坑. 首先是微信.第三方模块的文档描述不清楚.其次.搜索到的博客,大部分是抄的文档 / 相互转载抄袭.作用有限. 于是,我自己做了各种条件下的测试.解决各种情况的引入Npm模块的报错.失败.希望对你有帮助. 下面以引入Vant 小程序版 为例,开始测试. 1.小程序路径在中文目录下 在中文路径下新建项目,引入UI失败. 将中文改为英文,重启项目. UI显示正确. 2.小程序目录下没有初始化package.json文件微信的“引入npm模块”文档,第一条就是npm

安装vant 小程序UI库 进到小程序目录,在地址栏中cmd 进入DOS界面  npm init -f  安装vant 小程序UI库 npm i vant-weapp -S --production  进入到小程序 单击右侧 "详情按钮"   最后构建npm  单击菜单栏的 “工具” 按钮   ---->  “构建npm”   最后工具vant 官网的引入方式引入即可

小程序 radio 不写样式大概是这样的 数据为测试数据. 为了增加用户体验我们一下 美化后大概是这样的 给他设定头部.左边间距 ,和自身最小宽度 上代码: wxml: <radio-group > <label class="redioID" wx:for="{{itemstest}}"> <radio value="{{item.value}}">{{item.name}}</radio> &l

vant 的使用 我开始是 npm 导入,然后 import,使用不了. 找了各种方法,最后还是下载文件,然后找到 dist 文件夹,复制到项目里,我是放在 static 文件夹,文件名 dist 重命名为 vant. 在 app.json 里添加需要的组件,这是全局添加的,可以全局使用这些组件 "usingComponents": { "van-button": "../static/vant/button/index", "van-

有美团开源出的mpvue以其vue的语法和良好的开发效率再搭配上用户体验良好的UI组件无疑是定制化微信小程序的开发方式,然而由于mpvue是对微信原生开发的再次封装,这也为我们引入UI组件添加了不少麻烦,话不多说,接下来为大家展示引入vant-weapp的方法. 1.首先,我们需要有个mpvue的基础的项目文件骨架,即用mpvue初始化一个项目 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 mpvue-quickstart 模板的新

今天突然想到一个问题,有时候,针对同一个事件有多种反映,特别是游戏AI当中,这种情况下需要采取最适合的方案,哪种方案最适合,可以将每种方案的结果或影响都计算一遍,从而选择最合适的.最基本就是一个排列组合方法,将各种方案都组合出来.于是写了一个基本的N个数排列组合小程序! 开发工具:Visual Studio 2012 CTestPermutation::~CTestPermutation() { cout<<">>>>>>>>>&

Mpvue中使用Vant Weapp组件库 https://segmentfault.com/a/1190000016228410?utm_source=tag-newest 小程序采坑记 mpvue + Vant Weapp https://blog.csdn.net/halo1416/article/details/83028524

来源:https://blog.csdn.net/qq_39364032/article/details/79742415 在微信小程序里面,有时候为了配合整个项目的风格,checkbox和radio的样式会有些不同. 1. 修改checkbox样式 .wxml <checkbox-group class='pull-left' bindchange="checkboxChange"> <label class="checkbox flex flex-vc

今天在使用mpvue开发微信小程序的过程中需要实现一个底部上拉选择列表的功能,因为之前做过H5微信公众号的开发,使用的就是有赞的Vant-ui,所以第一时间就想到了有赞的Vant Weapp UI框架,就找到了官网,根据官网的操作说明开始一顿操作,但是妈的发现并没有什么卵用, 这是官网上的安装说明,使用npm安装,但本人实属功底太浅,在main.js中不知道怎么import进去,然后就采用第二种方法,就在pages文件夹下面的每一个页面中的main.js中添加usingComponents,但是

推荐3个小程序开源组件库 在进行小程序开发时,经常会遇到编写组件方面的阻碍,这让我们花费大量的时间在页面以及 CSS 样式编写上.因此可以使用开源组件库,有些复杂的组件可以直接拿来使用,节省开发时间,避免重复造轮子. Vant 由「有赞」团队维护的开源项目,目前 GitHub 上有 8057 颗 ⭐.Vant 提供了一整套 UI 基础组件和业务组件,通过 Vant 可以快速搭建出风格统一的页面,提升开发效率.除了一些常用的 UI 组件,Vant 还提供了一些适用于商城小程序的业务组件,例如省市区