mjz update

2023-06-04 11:41:23 +08:00
parent 63992d1c3b
commit 377204bae0
77 changed files with 367 additions and 204 deletions
@@ -5,7 +5,9 @@ permalink: /pages/basics/loading
 article: false
 ---

-在需要设置加载的元素加上 class `cu-load loading`，这样既是横条加载状态，可以设置自己喜欢的背景颜色 `.bg-red|...`
+在需要设置加载的元素加上 class `cu-load`，可以设置自己喜欢的背景颜色 `.bg-red|...`
+
+加载状态 `loading` 正在加载中，`over` 加载完成，`erro` 加载失败

 > css
 ```
@@ -1,14 +0,0 @@
---
-title: 操作条
-date: 2023-05-28 16:17:38
-permalink: /pages/component/bar
-article: false
---
-
-## 操作条
-
-::: details 点此查看页面源代码
-页面位置：`/pages/component/bar`
-```vue
-```
-:::
@@ -0,0 +1,19 @@
+---
+title: 底部操作条
+date: 2023-05-28 16:17:38
+permalink: /pages/component/bar/bottom
+article: false
+---
+
+::: tip 温馨提示
+我们可以使用 Bar 操作条自定义项目底部的 `tabBar`，就拿官方示例代码来举例。
+想要使用自定义底部操作条的同学，需要用组件来进行封装，因此这里建议大家提前学习一下组件的封装。
+:::
+
+### 自定义底部操作条
+
+1. `pages.json` 文件中的 `tabBar` 不需要配置，操作条代码放在首页即可。
+
+2. `pages.json` 文件中的 `pages` 数组中第一项表示应用首页，如果项目有引导页，则根据项目的逻辑来做调整。
+ 
+3. 示例中通过变量 `PageCur` 来切换不同 `tabBar` 页面，控制 `tabBar` 图标文字的样式切换，同时也控制需要显示对应 `tabBar` 的页面（组件引入）。
@@ -0,0 +1,5 @@
+---
+title: 标题操作条
+date: 2023-06-02 23:21:17
+permalink: /pages/43ebee/
+---
@@ -0,0 +1,5 @@
+---
+title: 顶部操作条
+date: 2023-06-02 23:21:33
+permalink: /pages/733677/
+---
@@ -0,0 +1,5 @@
+---
+title: 搜索操作条
+date: 2023-06-02 23:22:10
+permalink: /pages/f2dfd8/
+---