小程序redio 样式

hkzw 2020-02-09 原文

小程序redio 样式

小程序 radio 不写样式大概是这样的

 

 

数据为测试数据。

为了增加用户体验我们一下

美化后大概是这样的

 

 

给他设定头部、左边间距 ,和自身最小宽度

上代码:

     wxml:  
     <radio-group > <label class="redioID" wx:for="{{itemstest}}"> <radio value="{{item.value}}">{{item.name}}</radio> </label> </radio-group>
   wxss:
    
.redioID {
  display: inline-block;
  vertical-align: -2px;
  margin-top: 20px;
  min-width: 45%;
  margin-left: 5%;
}

 

木了

发表于
2020-02-09 18:06 
#青鸟爱吃鱼 
阅读(
评论(
编辑 
收藏

 

版权声明:本文为hkzw原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/hkzw/p/12287953.html

小程序redio 样式的更多相关文章

  1. html5、day2.css如何添加样式/块元素和行内元素/列表/表格/媒体元素/页面结构/inframe框架

    1.css用来渲染元素样式1.1如何添加样式内联样式- 在HTML元素中使用"style" 属性内部样式表 -在HTML文档头部 区域使用 元素 来包含css外部引用 - 使用外部 css 文件以上三种方法最好...

  2. jQuery设置获取样式css()

    <h...

  3. 偏门却又实用的 CSS 样式

    昨天整理了一篇《关于CSS的书写规范和顺序》,里面提到 CSS 的一些常用命名、规范等等,而今天主要是说一些偏 […]...

  4. jxl 处理 Excel 样式 – LZeSen

    jxl 处理 Excel 样式 jxl 能够操作的 excel 样式:      1. Workbook的格式 […]...

  5. python操作excel—–调整字体、样式

    from openpyxl.styles import Font, Alignment, Side, Bord […]...

  6. jxl 处理 Excel 样式 – LZeSen

    jxl 处理 Excel 样式 jxl 能够操作的 excel 样式:      1. Workbook的格式 […]...

  7. 修改audio样式

    1.查看原生的样式: http://www.5imoban.net/jiaocheng/CSS3_HTML5/2018/1112/3472.html2.修改样式:https://www.csdn.net/tags/MtTaEg0sNDc...

  8. [Qt] 自定义 滚动条 样式

      今天是时候把软件中的进度条给美化美化了,最初的想法就是仿照QQ。 先前的进度条是这样,默认的总是很难受欢迎 […]...

随机推荐

  1. [白话解析] 用水浒传为例学习条件随机场

    本文将尽量使用易懂的方式,尽可能不涉及数学公式,而是从整体的思路上来看,运用感性直觉的思考来解释条件随机场。并 […]...

  2. CSS动效集锦,视觉魔法的碰撞与融合(三)

    本文讲述的原理和相关demo 扇形DIV的使用——实现雷达扫描图 DIV环形布局—实现loading圈 动画的 […]...

  3. vue项目 构建 打包 发布 三部曲

    一、vue项目的创建 1、首先第一肯定是要有Node.js及npm这个不多说了2、安装脚手架   此时可以直接 […]...

  4. 自定义Spring Shell

    官网:https://projects.spring.io/spring-shell/ 。 Spring Sh […]...

  5. C#探针!

    <%@ Page Language=”C#” %> <%@ Impo […]...

  6. JavaScript ES6和ES5闭包的小demo

    版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (Creative […]...

  7. django框架–底层架构

    目录 零、参考 一、对于web服务的理解 二、对于wsgi协议的理解 三、自定义一个简单的基于wsgi协议的w […]...

  8. 深入出不来nodejs源码-V8引擎初探

      原本打算是把node源码看得差不多了再去深入V8的,但是这两者基本上没办法分开讲。   与express是 […]...

展开目录

目录导航