手册版本 V5.0
组件介绍
我们给您提供了基础的表单布局(横向、竖向),底层使用原生的表单元素使逻辑更加清楚、可控;
兼容平台
样式说明
/* 表单相关样式 */
.gui-form-item{flex-direction:row; flex-wrap:nowrap; align-items:center;} // 表单项目
.gui-form-label{width:130rpx; height:100rpx; font-size:28rpx; line-height:100rpx; overflow:hidden;} // 标题
.gui-form-icon{width:60rpx; height:60rpx; line-height:60rpx; font-size:28rpx;} // 图标
.gui-form-body{width:100rpx; margin-left:20rpx; overflow:hidden; flex:1;} // 横向布局主体
.gui-form-input{height:40rpx; line-height:40rpx; margin:20rpx 0; background-color:rgba(255,255,255,0); border-width:0px; font-size:28rpx;} // 单行输入
.gui-check-item{margin:10rpx 10rpx 0 0; padding:0 10rpx; font-size:28rpx;} // 选取元素 [ 横向 ] check-box radio
.gui-check-item-y{margin:10rpx 0; font-size:28rpx;} // 选取元素 [ 竖向 ] check-box radio
.gui-textarea{height:120rpx; padding:15rpx; line-height:38rpx; background-color:rgba(255,255,255,0); border-width:0px; font-size:28rpx;} // 多行文本
/* 您可以在页面上直接复写相关样式进行修改 */
演示代码
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。