feat: weui v2.5.3

Tencent · Dec 8, 2021 · caa7949 · caa7949
1 parent dd9b9a2
commit caa7949
Show file tree

Hide file tree

Showing 320 changed files with 1,067 additions and 548 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,17 @@
+### v2.5.3 (2021-12-08)
+
+#### Features
+* feat: 升级form组件UI
+* feat: 升级switch组件UI
+* feat: 升级articleUI、新增列表类型
+* feat: cell组件新增副标题
+* feat: 半屏弹窗新增下拉关闭图标（见样式二）
+
+#### Bugfixes
+* fix: 修复表单weui-agree组件对齐问题
+
+
+
 ### v2.5.2 (2021-11-29)
 
 #### Features

diff --git a/dist-rpx-mode/app.json b/dist-rpx-mode/app.json
@@ -8,6 +8,7 @@
     "example/input/input",
     "example/form/form",
     "example/form/form_page",
+    "example/form/form_primary",
     "example/form/form_input_status",
     "example/form/form_vcode",
     "example/form/form_access",

diff --git a/dist-rpx-mode/app.wxss b/dist-rpx-mode/app.wxss
diff --git a/dist-rpx-mode/example/actionsheet/actionsheet.wxss b/dist-rpx-mode/example/actionsheet/actionsheet.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/article/article.wxml b/dist-rpx-mode/example/article/article.wxml
@@ -1,44 +1,70 @@
 <page-meta root-font-size="system"/>
 <view class="page" data-weui-theme="{{theme}}" data-weui-mode="{{mode}}">
   <view class="weui-article">
-      <view aria-role="heading" aria-level="4" class="weui-article__h1">大标题</view>
+      <view aria-role="heading" aria-level="4" class="weui-article__h1">文章页大标题</view>
       <view class="weui-article__section">
-          <view class="weui-article__h2">章标题</view>
+          <view class="weui-article__h2">二级标题</view>
           <view class="weui-article__section">
-              <view class="weui-article__h3">1.1 节标题</view>
-              <view class="weui-article__p">
-                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                  consequat.
-              </view>
-              <view class="weui-article__p">
-                  <image class="weui-article__img" src="../images/pic_article.png" mode="aspectFit" style="height: 180px;" />
-                  <image class="weui-article__img" src="../images/pic_article.png" mode="aspectFit" style="height: 180px;" />
-              </view>
-          </view>
-          <view class="weui-article__section">
-              <view class="weui-article__h3">1.2 节标题</view>
+              <view class="weui-article__h3">三级标题</view>
               <view class="weui-article__section">
-                <view class="weui-article__h4">1.2.1 小节标题</view>
+                <view class="weui-article__h4">四级标题</view>
+                <view class="weui-article__p">
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                    consequat.
+                </view>
                 <view class="weui-article__p">
-                 <view class="weui-a11y-combo">
-                    <view class="weui-a11y-combo__helper" aria-labelledby="txt1 txt2" readonly aria-role="option"></view>
-                    <text id="txt1" class="weui-a11y-combo__content" aria-hidden="true">Lorem ipsum dolor sit amet, consectetur adipisicing elit</text>
-                    <navigator id="txt2" class="weui-a11y-combo__content weui-link weui-wa-hotarea">read more</navigator>
-                 </view>
+                    <image class="weui-article__img" src="../images/pic_article.png" mode="aspectFit" style="height: 180px;" />
+                    <image class="weui-article__img" src="../images/pic_article.png" mode="aspectFit" style="height: 180px;" />
                 </view>
               </view>
               <view class="weui-article__section">
-                <view class="weui-article__h4">1.2.1 小节标题</view>
-                <view class="weui-article__p">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                <view class="weui-article__h4">列表示例</view>
+                <view class="weui-article__section">
+                  <view class="weui-article__h5">无序列表</view>
+                  <view class="weui-article__ul">
+                    <view class="weui-article__li">• Elit quo illum ut voluptate possimus. Maxime</view>
+                    <view class="weui-article__li">
+                      • Elit quo illum ut voluptate possimus. Maxime
+                      <view class="weui-article__ul">
+                        <view class="weui-article__li">• Elit facilis nam nam</view>
+                        <view class="weui-article__li">• Elit facilis nam nam</view>
+                        <view class="weui-article__li">• Elit facilis nam nam</view>
+                      </view>
+                    </view>
+                    <view class="weui-article__li">• Elit quo illum ut voluptate possimus. Maxime</view>
+                  </view>
+                </view>
+                <view class="weui-article__section">
+                  <view class="weui-article__h5">有序列表</view>
+                  <view class="weui-article__ol">
+                    <view class="weui-article__li">1 Elit quo illum ut voluptate possimus. Maxime</view>
+                    <view class="weui-article__li">
+                      2 Elit quo illum ut voluptate possimus. Maxime
+                      <view class="weui-article__ul">
+                        <view class="weui-article__li">2.1 Elit facilis nam nam</view>
+                        <view class="weui-article__li">2.2 Elit facilis nam nam</view>
+                        <view class="weui-article__li">2.3 Elit facilis nam nam</view>
+                      </view>
+                    </view>
+                    <view class="weui-article__li">3 Elit quo illum ut voluptate possimus. Maxime</view>
+                  </view>
                 </view>
               </view>
           </view>
       </view>
+      <view class="weui-article__section">
+          <view class="weui-article__h2">无障碍焦点整合示例</view>
+          <view class="weui-article__section">
+            <view class="weui-article__p">
+             <view class="weui-a11y-combo">
+                <view class="weui-a11y-combo__helper" aria-labelledby="txt1 txt2" readonly aria-role="option"></view>
+                <text id="txt1" class="weui-a11y-combo__content" aria-hidden="true">Lorem ipsum dolor sit amet, consectetur adipisicing elit</text>
+                <navigator id="txt2" class="weui-a11y-combo__content weui-link weui-wa-hotarea">read more</navigator>
+             </view>
+            </view>
+          </view>
+      </view>
   </view>
 </view>
diff --git a/dist-rpx-mode/example/article/article.wxss b/dist-rpx-mode/example/article/article.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/badge/badge.wxss b/dist-rpx-mode/example/badge/badge.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/button/button.wxss b/dist-rpx-mode/example/button/button.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/button/button_bottom_fixed.wxss b/dist-rpx-mode/example/button/button_bottom_fixed.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/button/button_default.wxss b/dist-rpx-mode/example/button/button_default.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/dialog/dialog.wxss b/dist-rpx-mode/example/dialog/dialog.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/flex/flex.wxss b/dist-rpx-mode/example/flex/flex.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/footer/footer.wxss b/dist-rpx-mode/example/footer/footer.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/form/form.wxml b/dist-rpx-mode/example/form/form.wxml
@@ -6,6 +6,7 @@
     </view>
     <view class="page__bd page__bd_spacing">
         <view aria-role="button" bindtap="open" data-url="form_page" class="weui-btn weui-btn_default">表单结构</view>
+        <view style="display:none;" aria-role="button" bindtap="open" data-url="form_primary" class="weui-btn weui-btn_default">反色表单</view>
         <view aria-role="button" bindtap="open" data-url="form_input_status" class="weui-btn weui-btn_default">输入框状态</view>
         <view aria-role="button" bindtap="open" data-url="form_vcode" class="weui-btn weui-btn_default">验证码</view>
         <view aria-role="button" bindtap="open" data-url="form_access" class="weui-btn weui-btn_default">跳转列表项</view>

diff --git a/dist-rpx-mode/example/form/form.wxss b/dist-rpx-mode/example/form/form.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/form/form_access.wxss b/dist-rpx-mode/example/form/form_access.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/form/form_checkbox.wxss b/dist-rpx-mode/example/form/form_checkbox.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/form/form_input_status.wxss b/dist-rpx-mode/example/form/form_input_status.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/form/form_page.wxml b/dist-rpx-mode/example/form/form_page.wxml
@@ -8,7 +8,7 @@
 		<view class="weui-form__control-area">
 			<view class="weui-cells__group weui-cells__group_form">
 				<view class="weui-cells__title">表单组标题</view>
-				<view class="weui-cells weui-cells_form">
+				<view class="weui-cells">
 					<view class="weui-cell weui-cell_active">
 						<view class="weui-cell__hd"><label class="weui-label">微信号</label></view>
 						<view class="weui-cell__bd">
@@ -26,6 +26,7 @@
 					<view class="weui-cell weui-cell_active">
 						<view class="weui-cell__hd">
                             <label class="weui-label">联系电话</label>
+                            <view class="weui-cell__desc">副标题</view>
                         </view>
 						<view class="weui-cell__bd">
 							<input class="weui-input" placeholder="填写绑定的电话号码" type="number" placeholder-class="weui-input__placeholder" />

diff --git a/dist-rpx-mode/example/form/form_page.wxss b/dist-rpx-mode/example/form/form_page.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/form/form_primary.js b/dist-rpx-mode/example/form/form_primary.js
@@ -0,0 +1,3 @@
+Page({
+  mixins: [require('../../mixin/common')],
+});
diff --git a/dist-rpx-mode/example/form/form_primary.wxml b/dist-rpx-mode/example/form/form_primary.wxml
@@ -0,0 +1,91 @@
+<page-meta root-font-size="system"/>
+<view class="page" data-weui-theme="{{theme}}" data-weui-mode="{{mode}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">表单结构</h2>
+			<view class="weui-form__desc">展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。</view>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form weui-cells__group_form-primary">
+				<view class="weui-cells__title">表单组标题</view>
+				<view class="weui-cells">
+					<view class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd"><label class="weui-label">微信号</label></view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" placeholder="填写本人微信号" placeholder-class="weui-input__placeholder" />
+						</view>
+					</view>
+					<view class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd">
+                            <label class="weui-label">昵称</label>
+                        </view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" placeholder="填写本人微信号的昵称" placeholder-class="weui-input__placeholder" />
+						</view>
+					</view>
+					<view class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd">
+                            <label class="weui-label">联系电话</label>
+                        </view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" placeholder="填写绑定的电话号码" type="number" placeholder-class="weui-input__placeholder" />
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="weui-cells__group weui-cells__group_form weui-cells__group_form-primary">
+				<view class="weui-cells">
+          <label class="weui-cell weui-cell_active weui-cell_switch">
+              <view class="weui-cell__bd">标题文字</view>
+              <view class="weui-cell__ft">
+                  <view class="weui-switch-cp">
+                      <checkbox class="weui-switch-cp__input" checked="true" />
+                      <view class="weui-switch-cp__box"></view>
+                  </view>
+              </view>
+          </label>
+				</view>
+			</view>
+			<view class="weui-cells__group weui-cells__group_form weui-cells__group_form-primary">
+				<view class="weui-cells">
+					<navigator class="weui-cell weui-cell_access" hover-class="weui-cell_active" url="javascript:;">
+						<view class="weui-cell__bd"><view>cell standard</view></view>
+						<view class="weui-cell__ft"></view>
+					</navigator>
+					<navigator class="weui-cell weui-cell_access" url="javascript:;" hover-class="weui-cell_active">
+						<view class="weui-cell__bd"><view>cell standard</view></view>
+						<view class="weui-cell__ft"></view>
+					</navigator>
+				</view>
+			</view>
+		</view>
+		<view class="weui-form__tips-area">
+			<view class="weui-form__tips">
+表单页提示，居中对齐
+			</view>
+		</view>
+		<view class="weui-form__opr-area">
+			<navigator disabled aria-disabled="true" class="weui-btn weui-btn_primary weui-btn_disabled" id="showTooltips" aria-role="button" url="javascript:">确定</navigator>
+		</view>
+		<view class="weui-form__tips-area">
+			<view class="weui-form__tips">
+表单页提示，居中对齐
+			</view>
+		</view>
+		<view class="weui-form__extra-area">
+			<view class="weui-footer">
+				<view class="weui-footer__links">
+					<navigator class="weui-footer__link" url="javascript:">底部链接文本</navigator>
+				</view>
+				<view class="weui-footer__text">Copyright © 2008-2019 weui.io</view>
+			</view>
+		</view>
+	</view>
+	<view id="js_toast" style="display: none;" aria-role="alert">
+		<view class="weui-mask_transparent"></view>
+		<view class="weui-toast">
+			<text class="weui-icon-success-no-circle weui-icon_toast"></text>
+			<view class="weui-toast__content">已完成</view>
+		</view>
+	</view>
+</view>
diff --git a/dist-rpx-mode/example/form/form_radio.wxss b/dist-rpx-mode/example/form/form_radio.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/form/form_select.wxml b/dist-rpx-mode/example/form/form_select.wxml
@@ -9,9 +9,9 @@
 				<view class="weui-cells">
 					<view class="weui-cell weui-cell_active weui-cell_select">
 						<view class="weui-cell__bd">
-                            <picker aria-role="combobox" bindchange="bindPicker1Change" range="{{array1}}">
-                                <view class="weui-select">{{array1[value1]}}</view>
-                            </picker>
+                <picker aria-role="combobox" bindchange="bindPicker1Change" range="{{array1}}">
+                    <view class="weui-select">{{array1[value1]}}</view>
+                </picker>
 						</view>
 					</view>
 					<view class="weui-cell weui-cell_active weui-cell_select weui-cell_select-before">

diff --git a/dist-rpx-mode/example/form/form_select.wxss b/dist-rpx-mode/example/form/form_select.wxss
@@ -1,5 +1,5 @@
 /*!
- * WeUI v2.5.2 (https://github.com/weui/weui-wxss)
+ * WeUI v2.5.3 (https://github.com/weui/weui-wxss)
  * Copyright 2021 Tencent, Inc.
  * Licensed under the MIT license
  */

diff --git a/dist-rpx-mode/example/form/form_switch.wxml b/dist-rpx-mode/example/form/form_switch.wxml
@@ -6,16 +6,16 @@
 		</view>
 		<view class="weui-form__control-area">
 			<view class="weui-cells__group weui-cells__group_form">
-				<view class="weui-cells weui-cells_form">
-                    <label class="weui-cell weui-cell_active weui-cell_switch">
-                        <view class="weui-cell__bd">标题文字</view>
-                        <view class="weui-cell__ft">
-                            <view class="weui-switch-cp">
-                                <checkbox class="weui-switch-cp__input" checked="true" />
-                                <view class="weui-switch-cp__box"></view>
-                            </view>
-                        </view>
-                    </label>
+				<view class="weui-cells">
+          <label class="weui-cell weui-cell_active weui-cell_switch">
+              <view class="weui-cell__bd">标题文字</view>
+              <view class="weui-cell__ft">
+                  <view class="weui-switch-cp">
+                      <checkbox class="weui-switch-cp__input" checked="true" />
+                      <view class="weui-switch-cp__box"></view>
+                  </view>
+              </view>
+          </label>
 				</view>
 			</view>
 		</view>