mjz update

2023-06-18 13:41:09 +08:00
parent 0533aa0ebf
commit 1fdc7f8831
87 changed files with 2130 additions and 213 deletions
@@ -5,13 +5,14 @@ permalink: /pages/component/form
 article: false
 ---

-<!-- form表单是用form标签包裹，每一个子元素添加类名cu-form-group，行内自定义，title类名用于设置每行的文字说明，如果想统一宽度，像示例一样，需要自定义宽度 -->
-
 ## input输入框

 1. `form` 表单最外层是用 `form` 标签包裹
+
 2. 每一个子元素添加类名 `cu-form-group`，行内可以自定义，`input` 标签就是输入框
+
 3. `title` 类名用于设置每行的文字说明，如果想统一宽度，像示例一样，需要自定义宽度
+
 4. **行内没有 `input` 标签的话，`title` 后面的元素定位在行内右侧，有 `input` 标签的话，标签后的元素也是在行内右侧**

 ```html
@@ -58,6 +59,7 @@ article: false
 ## picker选择器

 1. 对于表单中从底部谈起的选择器，写法与上述简单的input相同，而选择器picker的使用，建议查看官方代码
+
 2. 后期会封装一个组件给大家用（暂无）

 ```html
@@ -254,6 +256,7 @@ RegionChange(e) {
 ## switch开关

 1. 对于开关的样式，参考 `switch` 官方文档
+
 2. 在微信小程序上，switch的color属性不生效，想要更改开关颜色，可以用颜色类名，直接写颜色就可以

 ```html
@@ -310,7 +313,9 @@ SwitchD(e) {
 ## radio单选框

 1. 主要还是 `radio` 官方文档为主
+
 2. 更改颜色同上，使用提供的颜色类名即可
+
 3. 其默认样式是圆形全色中间有个√，可以通过类名radio更改形状为镂空中间一个点

 ```html
@@ -351,7 +356,9 @@ RadioChange(e) {
 ## checkbox复选框

 1. 官方示例 
+
 2. 更改颜色同上，使用提供的颜色类名即可
+
 3. 其默认样式是方形，可以通过类名 `round` 更改形状为圆形

 ```html
@@ -409,6 +416,7 @@ CheckboxChange(e) {
 ## 图片上传

 1. 官方示例
+
 2. `uniapp` [图片相关操作的API](https://uniapp.dcloud.net.cn/api/media/image.html#)

 ```vue