uview-pro 0.6.18 → 0.6.19

package/libs/css/style.components.scss

@@ -1,16 +1,16 @@
-// 定义混入指令，用于在非nvue环境下的flex定义，因为nvue没有display属性，会报错
-@mixin vue-flex($direction: row) {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    flex-direction: $direction;
-    /* #endif */
-}
-
-// 通过scss的mixin功能，把原来需要写4行的css，变成一行
-// 目的是保持代码干净整洁，不至于在nvue下，到处都要写display:flex的条件编译
-@mixin flex($direction: row) {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    /* #endif */
-    flex-direction: $direction;
-}
+// 定义混入指令，用于在非nvue环境下的flex定义，因为nvue没有display属性，会报错
+@mixin vue-flex($direction: row) {
+    /* #ifndef APP-NVUE */
+    display: flex;
+    flex-direction: $direction;
+    /* #endif */
+}
+
+// 通过scss的mixin功能，把原来需要写4行的css，变成一行
+// 目的是保持代码干净整洁，不至于在nvue下，到处都要写display:flex的条件编译
+@mixin flex($direction: row) {
+    /* #ifndef APP-NVUE */
+    display: flex;
+    /* #endif */
+    flex-direction: $direction;
+}

package/libs/css/style.h5.scss

@@ -1,8 +1,8 @@
-/* H5的时候，隐藏滚动条 */
-::-webkit-scrollbar {
-    display: none;
-    width: 0 !important;
-    height: 0 !important;
-    -webkit-appearance: none;
-    background: transparent;
-}
+/* H5的时候，隐藏滚动条 */
+::-webkit-scrollbar {
+    display: none;
+    width: 0 !important;
+    height: 0 !important;
+    -webkit-appearance: none;
+    background: transparent;
+}

package/libs/css/style.mp.scss

@@ -1,68 +1,68 @@
-/* start--微信小程序编译后页面有组件名的元素，特别处理--start */
-/* #ifdef MP-WEIXIN || MP-QQ */
-u-td,
-u-th {
-    flex: 1;
-    align-self: stretch;
-}
-
-u-icon {
-    display: inline-flex;
-    align-items: center;
-}
-
-// 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
-u-grid {
-    width: 100%;
-    flex: 0 0 100%;
-}
-
-// 避免小程序线条组件因为父组件display: flex;而失效
-u-line {
-    flex: 1;
-}
-
-u-switch {
-    display: inline-flex;
-    align-items: center;
-}
-
-u-dropdown {
-    flex: 1;
-}
-/* #endif */
-/* end-微信小程序编译后页面有组件名的元素，特别处理--end */
-
-/* #ifdef MP-QQ || MP-TOUTIAO */
-// 需要做这一切额外的兼容，都是因为TX的无能
-u-icon {
-    line-height: 0;
-}
-/* #endif */
-
-/* start--头条小程序编译后页面有组件名的元素，特别处理--start */
-// 由于头条小程序不支持直接组件名形式写样式，目前只能在写组件的时候给组件加上对应的类名
-/* #ifdef MP-TOUTIAO */
-.u-td,
-.u-th,
-.u-tr {
-    flex: 1;
-    align-self: stretch;
-}
-
-.u-row,
-.u-col {
-    flex: 1;
-    align-self: stretch;
-}
-
-// 避免小程序线条组件因为父组件display: flex;而失效
-.u-line {
-    flex: 1;
-}
-
-.u-dropdown {
-    flex: 1;
-}
-/* #endif */
-/* end-头条小程序编译后页面有组件名的元素，特别处理--end */
+/* start--微信小程序编译后页面有组件名的元素，特别处理--start */
+/* #ifdef MP-WEIXIN || MP-QQ */
+u-td,
+u-th {
+    flex: 1;
+    align-self: stretch;
+}
+
+u-icon {
+    display: inline-flex;
+    align-items: center;
+}
+
+// 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
+u-grid {
+    width: 100%;
+    flex: 0 0 100%;
+}
+
+// 避免小程序线条组件因为父组件display: flex;而失效
+u-line {
+    flex: 1;
+}
+
+u-switch {
+    display: inline-flex;
+    align-items: center;
+}
+
+u-dropdown {
+    flex: 1;
+}
+/* #endif */
+/* end-微信小程序编译后页面有组件名的元素，特别处理--end */
+
+/* #ifdef MP-QQ || MP-TOUTIAO */
+// 需要做这一切额外的兼容，都是因为TX的无能
+u-icon {
+    line-height: 0;
+}
+/* #endif */
+
+/* start--头条小程序编译后页面有组件名的元素，特别处理--start */
+// 由于头条小程序不支持直接组件名形式写样式，目前只能在写组件的时候给组件加上对应的类名
+/* #ifdef MP-TOUTIAO */
+.u-td,
+.u-th,
+.u-tr {
+    flex: 1;
+    align-self: stretch;
+}
+
+.u-row,
+.u-col {
+    flex: 1;
+    align-self: stretch;
+}
+
+// 避免小程序线条组件因为父组件display: flex;而失效
+.u-line {
+    flex: 1;
+}
+
+.u-dropdown {
+    flex: 1;
+}
+/* #endif */
+/* end-头条小程序编译后页面有组件名的元素，特别处理--end */

package/libs/css/style.nvue.scss

@@ -1,15 +1,15 @@
-.nvue {
-    font-size: 24rpx;
-}
-
-view,
-scroll-view,
-swiper-item {
-    display: flex;
-    flex-direction: column;
-    flex-shrink: 0;
-    flex-grow: 0;
-    flex-basis: auto;
-    align-items: stretch;
-    align-content: flex-start;
-}
+.nvue {
+    font-size: 24rpx;
+}
+
+view,
+scroll-view,
+swiper-item {
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    flex-grow: 0;
+    flex-basis: auto;
+    align-items: stretch;
+    align-content: flex-start;
+}

package/libs/css/style.theme.scss

@@ -1,56 +1,56 @@
-/* #ifdef H5 */
-:root {
-    color-scheme: light;
-}
-
-:root.u-theme-dark,
-:root[data-u-theme-mode='dark'] {
-    color-scheme: dark;
-}
-/* #endif */
-
-page {
-    color: $u-main-color;
-    background-color: $u-bg-color;
-    font-size: 28rpx;
-}
-
-page.u-theme-dark,
-:root.u-theme-dark page,
-:root[data-u-theme-mode='dark'] page {
-    background-color: $u-bg-color;
-    color: $u-main-color;
-}
-
-.u-config-provider {
-    color: $u-main-color;
-    background-color: var(--u-bg-white, #ffffff);
-}
-
-.u-config-provider.u-theme-dark {
-    background-color: var(--u-bg-white, #0f1115);
-    color: $u-main-color;
-}
-
-// picker-view遮罩层背景色
-.u-picker-view-mask,
-.uni-picker-view-mask {
-    background-image:
-        linear-gradient(180deg, rgba(var(--u-bg-white-rgb), 0.95), rgba(var(--u-bg-white-rgb), 0.6)),
-        linear-gradient(0deg, rgba(var(--u-bg-white-rgb), 0.95), rgba(var(--u-bg-white-rgb), 0.6)) !important;
-}
-
-.u-picker-view-indicator {
-    border: rgba(var(--u-bg-white-rgb), 0.6) !important;
-}
-
-// picker-view指示器边框色
-.u-picker-view-indicator::before,
-.uni-picker-view-indicator::before {
-    border-top: 1px solid var(--u-border-color) !important;
-}
-
-.u-picker-view-indicator::after,
-.uni-picker-view-indicator::after {
-    border-bottom: 1px solid var(--u-border-color) !important;
-}
+/* #ifdef H5 */
+:root {
+    color-scheme: light;
+}
+
+:root.u-theme-dark,
+:root[data-u-theme-mode='dark'] {
+    color-scheme: dark;
+}
+/* #endif */
+
+page {
+    color: $u-main-color;
+    background-color: $u-bg-color;
+    font-size: 28rpx;
+}
+
+page.u-theme-dark,
+:root.u-theme-dark page,
+:root[data-u-theme-mode='dark'] page {
+    background-color: $u-bg-color;
+    color: $u-main-color;
+}
+
+.u-config-provider {
+    color: $u-main-color;
+    background-color: var(--u-bg-white, #ffffff);
+}
+
+.u-config-provider.u-theme-dark {
+    background-color: var(--u-bg-white, #0f1115);
+    color: $u-main-color;
+}
+
+// picker-view遮罩层背景色
+.u-picker-view-mask,
+.uni-picker-view-mask {
+    background-image:
+        linear-gradient(180deg, rgba(var(--u-bg-white-rgb), 0.95), rgba(var(--u-bg-white-rgb), 0.6)),
+        linear-gradient(0deg, rgba(var(--u-bg-white-rgb), 0.95), rgba(var(--u-bg-white-rgb), 0.6)) !important;
+}
+
+.u-picker-view-indicator {
+    border: rgba(var(--u-bg-white-rgb), 0.6) !important;
+}
+
+// picker-view指示器边框色
+.u-picker-view-indicator::before,
+.uni-picker-view-indicator::before {
+    border-top: 1px solid var(--u-border-color) !important;
+}
+
+.u-picker-view-indicator::after,
+.uni-picker-view-indicator::after {
+    border-bottom: 1px solid var(--u-border-color) !important;
+}