wl-design-mobile 0.8.19 → 0.8.21

package/search/styles/css/index.css

@@ -1,138 +1,138 @@
-.search-top-pop {
-    min-height: 112px;
-    max-height: 33%;
-    background-color: var(--scl-white-1)
-}
-
-.search-body {
-    border-top: none;
-    overflow-y: auto;
-    flex: 1
-}
-
-.search-bottom-btn {
-    padding: 12px 14px 12px 14px;
-    box-shadow: 0 -2px 10px rgba(125, 126, 128, .16);
-    background-color: rgb(255, 255, 255, 1);
-}
-
-/*日期选择*/
-.search-row {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    flex-wrap: nowrap;
-    align-items: center;
-    align-content: center;
-    height: 50px;
-    padding: 10px 0;
-    margin: 0 14px;
-    border-bottom: 1px solid var(--scl-white-2);
-    border-top: none;
-}
-
-.search-input-title {
-    height: 16px;
-    font-size: 0.9rem;
-    color: var(--scl-gray-2);
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    margin-left: 12px;
-    width: 76px;
-}
-
-.search-lambo-input {
-    border: none;
-    outline: none;
-    background: none;
-    height: 1.1rem;
-    font-size: 1rem;
-    color: var(--scl-gray-1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    margin-left: 8px;
-    flex: 1;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-/*输入框*/
-.search-lambo-input .van-cell {
-    padding: 10px 0;
-}
-
-/*多选*/
-.search-top-div {
-    display: flex;
-    justify-content: space-between;
-    height: 44px;
-    line-height: 44px;
-    width: 100%;
-    position: fixed;
-    z-index: 2;
-    box-shadow: 0 2px 10px rgba(125, 126, 128, .16);
-    background-color: rgb(255, 255, 255, 1);
-}
-
-.search-cancel-btn {
-    border: none;
-    color: var(--scl-gray-3);
-}
-
-.search-confirm-btn {
-    border: none;
-    color: var(--scl-blue);
-}
-
-.search-select-title {
-    font-size: 16px;
-    font-weight: bold;
-}
-
-/*修改单选多选的滚动条样式*/
-/deep/ .van-radio-group {
-    position: relative;
-}
-
-/*修改单选多选的滚动条样式*/
-/deep/ .van-cell-group {
-    padding-top: 44px;
-}
-
-/*修改单选多选的滚动条样式*/
-/deep/ .van-cell:first-child {
-    padding-top: 10px;
-}
-
-/*滚动条样式*/
-/deep/ ::-webkit-scrollbar {
-    width: 6px;
-}
-
-/*滚动条样式*/
-/deep/ ::-webkit-scrollbar-thumb {
-    border-radius: var(--ind-border-radius-xl);
-    background: rgba(45, 140, 240, 0.6);
-}
-
-/*滚动条样式*/
-/deep/ ::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
-    border-radius: var(--ind-border-radius-xl);
-    background: rgba(231, 242, 250, 0.4);
-}
-
-.bottom-div {
-    display: flex;
-    flex-direction: column;
-}
-
-.cell-group-div {
-    flex: 1;
-    margin-top: 44px;
-}
-
-
+.search-top-pop {
+    min-height: 112px;
+    max-height: 33%;
+    background-color: var(--scl-white-1)
+}
+
+.search-body {
+    border-top: none;
+    overflow-y: auto;
+    flex: 1
+}
+
+.search-bottom-btn {
+    padding: 12px 14px 12px 14px;
+    box-shadow: 0 -2px 10px rgba(125, 126, 128, .16);
+    background-color: rgb(255, 255, 255, 1);
+}
+
+/*日期选择*/
+.search-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    flex-wrap: nowrap;
+    align-items: center;
+    align-content: center;
+    height: 50px;
+    padding: 10px 0;
+    margin: 0 14px;
+    border-bottom: 1px solid var(--scl-white-2);
+    border-top: none;
+}
+
+.search-input-title {
+    height: 16px;
+    font-size: 0.9rem;
+    color: var(--scl-gray-2);
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-left: 12px;
+    width: 76px;
+}
+
+.search-lambo-input {
+    border: none;
+    outline: none;
+    background: none;
+    height: 1.1rem;
+    font-size: 1rem;
+    color: var(--scl-gray-1);
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-left: 8px;
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/*输入框*/
+.search-lambo-input .van-cell {
+    padding: 10px 0;
+}
+
+/*多选*/
+.search-top-div {
+    display: flex;
+    justify-content: space-between;
+    height: 44px;
+    line-height: 44px;
+    width: 100%;
+    position: fixed;
+    z-index: 2;
+    box-shadow: 0 2px 10px rgba(125, 126, 128, .16);
+    background-color: rgb(255, 255, 255, 1);
+}
+
+.search-cancel-btn {
+    border: none;
+    color: var(--scl-gray-3);
+}
+
+.search-confirm-btn {
+    border: none;
+    color: var(--scl-blue);
+}
+
+.search-select-title {
+    font-size: 16px;
+    font-weight: bold;
+}
+
+/*修改单选多选的滚动条样式*/
+/deep/ .van-radio-group {
+    position: relative;
+}
+
+/*修改单选多选的滚动条样式*/
+/deep/ .van-cell-group {
+    padding-top: 44px;
+}
+
+/*修改单选多选的滚动条样式*/
+/deep/ .van-cell:first-child {
+    padding-top: 10px;
+}
+
+/*滚动条样式*/
+/deep/ ::-webkit-scrollbar {
+    width: 6px;
+}
+
+/*滚动条样式*/
+/deep/ ::-webkit-scrollbar-thumb {
+    border-radius: var(--ind-border-radius-xl);
+    background: rgba(45, 140, 240, 0.6);
+}
+
+/*滚动条样式*/
+/deep/ ::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
+    border-radius: var(--ind-border-radius-xl);
+    background: rgba(231, 242, 250, 0.4);
+}
+
+.bottom-div {
+    display: flex;
+    flex-direction: column;
+}
+
+.cell-group-div {
+    flex: 1;
+    margin-top: 44px;
+}
+
+

package/styles/base.less

@@ -1,77 +1,77 @@
-:root {
-  --scl-blue: #0070D2;
-  --scl-blue-1: #0062FB;
-  --scl-blue-2: #448AFF;
-  --scl-blue-3: #338DDB;
-  --scl-blue-4: #CBE2FB;
-  --scl-blue-5: #e6efff;
-
-  --scl-green-1: #129456;
-  --scl-green-2: #CFEEDB;
-  --scl-green-3: #e9f6ed;
-
-  --scl-orange: #FF9A22;
-  --scl-orange-1: #EB6821;
-  --scl-orange-2: #FBE1D0;
-  --scl-orange-3: #FDF0E8;
-
-  --scl-purple-1: #695AC0;
-  --scl-purple-2: #5760C4;
-  --scl-purple-3: #8C77F7;
-  --scl-purple-4: #EFECFD;
-
-  --scl-white-1: #FFFFFF;
-  --scl-white-2: #E5E5E5;
-  --scl-white-3: #e9eaec;
-  --scl-white-4: #F5F5F5FF;
-  --scl-white-5: #EDEDEDFF;
-  --scl-white-6: #D7D7D7;
-  --scl-white-7: #F2F2F2;
-
-  --scl-gray-1: #333333;
-  --scl-gray-2: #666666;
-  --scl-gray-3: #797979;
-  --scl-gray-4: #999999;
-  --scl-gray-5: #CCCCCC;
-  --scl-gray-6: #DDDDDD;
-  --scl-gray-7: #F5F5F5;
-
-  --scl-red-1: #e84c6b;
-  --scl-red-2: #fb6d5f;
-
-  --scl-lucency: #FFFFFF00;
-  --scl-lucency-1: #323233;
-
-  --ind-padding-base: 4px;
-  --ind-padding-tiny: 6px;
-  --ind-padding-xs: 8px;
-  --ind-padding-xs-extra: 10px;
-  --ind-padding-sm-minus: 12px;
-  --ind-padding-sm-small: 14px;
-  --ind-padding-sm: 16px;
-  --ind-padding-md: 24px;
-  --ind-padding-lg: 32px;
-  --ind-padding-xl: 48px;
-  --ind-padding-xxl: 56px;
-
-  --ind-font-size-xs: 10px;
-  --ind-font-size-sm: 12px;
-  --ind-font-size-md: 14px;
-  --ind-font-size-lg: 16px;
-  --ind-font-size-xl: 18px;
-  --ind-font-size-xxl: 20px;
-  --ind-font-weight-normal: 400;
-  --ind-font-weight-bold: 600;
-  --ind-font-weight-bolder: 900;
-
-  --ind-border-width-base: 1px;
-  --ind-border-radius-xs: 2px;
-  --ind-border-radius-sm: 4px;
-  --ind-border-radius-md: 8px;
-  --ind-border-radius-lg: 14px;
-  --ind-border-radius-xl: 20px;
-  --ind-border-radius-xxl: 32px;
-  --ind-border-radius-max: 999px;
-  --ind-border-radius-round: 50%;
-
-}
+:root {
+  --scl-blue: #0070D2;
+  --scl-blue-1: #0062FB;
+  --scl-blue-2: #448AFF;
+  --scl-blue-3: #338DDB;
+  --scl-blue-4: #CBE2FB;
+  --scl-blue-5: #e6efff;
+
+  --scl-green-1: #129456;
+  --scl-green-2: #CFEEDB;
+  --scl-green-3: #e9f6ed;
+
+  --scl-orange: #FF9A22;
+  --scl-orange-1: #EB6821;
+  --scl-orange-2: #FBE1D0;
+  --scl-orange-3: #FDF0E8;
+
+  --scl-purple-1: #695AC0;
+  --scl-purple-2: #5760C4;
+  --scl-purple-3: #8C77F7;
+  --scl-purple-4: #EFECFD;
+
+  --scl-white-1: #FFFFFF;
+  --scl-white-2: #E5E5E5;
+  --scl-white-3: #e9eaec;
+  --scl-white-4: #F5F5F5FF;
+  --scl-white-5: #EDEDEDFF;
+  --scl-white-6: #D7D7D7;
+  --scl-white-7: #F2F2F2;
+
+  --scl-gray-1: #333333;
+  --scl-gray-2: #666666;
+  --scl-gray-3: #797979;
+  --scl-gray-4: #999999;
+  --scl-gray-5: #CCCCCC;
+  --scl-gray-6: #DDDDDD;
+  --scl-gray-7: #F5F5F5;
+
+  --scl-red-1: #e84c6b;
+  --scl-red-2: #fb6d5f;
+
+  --scl-lucency: #FFFFFF00;
+  --scl-lucency-1: #323233;
+
+  --ind-padding-base: 4px;
+  --ind-padding-tiny: 6px;
+  --ind-padding-xs: 8px;
+  --ind-padding-xs-extra: 10px;
+  --ind-padding-sm-minus: 12px;
+  --ind-padding-sm-small: 14px;
+  --ind-padding-sm: 16px;
+  --ind-padding-md: 24px;
+  --ind-padding-lg: 32px;
+  --ind-padding-xl: 48px;
+  --ind-padding-xxl: 56px;
+
+  --ind-font-size-xs: 10px;
+  --ind-font-size-sm: 12px;
+  --ind-font-size-md: 14px;
+  --ind-font-size-lg: 16px;
+  --ind-font-size-xl: 18px;
+  --ind-font-size-xxl: 20px;
+  --ind-font-weight-normal: 400;
+  --ind-font-weight-bold: 600;
+  --ind-font-weight-bolder: 900;
+
+  --ind-border-width-base: 1px;
+  --ind-border-radius-xs: 2px;
+  --ind-border-radius-sm: 4px;
+  --ind-border-radius-md: 8px;
+  --ind-border-radius-lg: 14px;
+  --ind-border-radius-xl: 20px;
+  --ind-border-radius-xxl: 32px;
+  --ind-border-radius-max: 999px;
+  --ind-border-radius-round: 50%;
+
+}

package/styles/components/btn.less

@@ -1,7 +1,7 @@
-.btn {
-  border: none;
-  min-width: 60px;
-  height: 30px;
-  font-size: 11px;
-  border-radius: 3px;
-}
+.btn {
+  border: none;
+  min-width: 60px;
+  height: 30px;
+  font-size: 11px;
+  border-radius: 3px;
+}

package/styles/components/search.less

@@ -1,33 +1,33 @@
-.btn-bg-search {
-  width: 49%;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  margin-left: 1%;
-  font-size: 14px;
-  color: var(--scl-white-1);
-  border-radius: 3px;
-  background-color: var(--scl-blue);
-  border: none;
-}
-
-.btn-bg-search:active {
-  background-color: #EDEDED;
-  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.btn-white-search {
-  width: 49%;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  margin-right: 1%;
-  font-size: 14px;
-  color: var(--scl-blue);
-  border-radius: 3px;
-  background-color: var(--scl-white-4);
-  border: 1px solid var(--scl-blue);
-}
-
-.btn-white-search:active {
-  background-color: #2279D6;
-  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-}
+.btn-bg-search {
+  width: 49%;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  margin-left: 1%;
+  font-size: 14px;
+  color: var(--scl-white-1);
+  border-radius: 3px;
+  background-color: var(--scl-blue);
+  border: none;
+}
+
+.btn-bg-search:active {
+  background-color: #EDEDED;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.btn-white-search {
+  width: 49%;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  margin-right: 1%;
+  font-size: 14px;
+  color: var(--scl-blue);
+  border-radius: 3px;
+  background-color: var(--scl-white-4);
+  border: 1px solid var(--scl-blue);
+}
+
+.btn-white-search:active {
+  background-color: #2279D6;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+}