lxui-uni 0.0.8 → 0.0.9

package/theme.scss

@@ -1,233 +1,233 @@
-/*============================= 文字尺寸 =============================*/
-$font-size-20: 20rpx;
-$font-size-22: 22rpx;
-$font-size-24: 24rpx;
-$font-size-26: 26rpx;
-$font-size-28: 28rpx;
-$font-size-30: 30rpx;
-$font-size-32: 32rpx;
-$font-size-34: 34rpx;
-$font-size-36: 36rpx;
-$font-size-38: 38rpx;
-$font-size-40: 40rpx;
-// 主题颜色
-$main-color: #ff8d1a;
-
-image {
-    width: 100%;
-    height: 100%;
-}
-
-@mixin btn-line {
-    font-size: $font-size-32;
-    color: $main-color;
-    padding: 0rpx 26rpx;
-    border: 2rpx solid $main-color;
-    text-align: center;
-    border-radius: 180rpx;
-    box-sizing: border-box;
-    height: 60rpx;
-    line-height: 60rpx;
-
-}
-
-@mixin btn-solid {
-    font-size: $font-size-32;
-    color: #fff;
-    background-color: $main-color;
-    padding: 0rpx 26rpx;
-    border: 2rpx solid $main-color;
-    text-align: center;
-    border-radius: 8rpx;
-    box-sizing: border-box;
-    height: 60rpx;
-    line-height: 60rpx;
-}
-
-// 间隔线
-.line_box {
-    width: 100%;
-    height: 16rpx;
-    background-color: #f2f2f2;
-}
-
-
-
-// 弹框公用
-.dialog_content_lx {
-    .dialog_icon_lx {
-        margin: 0 auto;
-        width: 116rpx;
-        height: 116rpx;
-    }
-
-    .dialog_txt_lx {
-        text-align: center;
-        margin-top: 20rpx;
-        font-size: $font-size-34;
-        color: rgba(0, 0, 0, 1);
-    }
-}
-
-.dialog_sub_btns_lx {
-    padding: 0 36rpx;
-
-    .dialog_submit_btn_lx {
-        @include btn-line;
-        background-color: $main-color;
-        color: #fff;
-        margin-bottom: 20rpx;
-    }
-
-    .dialog_cancel_btn_lx {
-        @include btn-line;
-        color: rgba(128, 128, 128, 1);
-        border-color: rgba(128, 128, 128, 1);
-    }
-}
-
-// 弹框公用
-
-/*============================= 弹性盒子 =============================*/
-@mixin displayFlex($align: center, $justify: center) {
-    display: flex;
-    flex-wrap: nowrap;
-    flex-direction: row;
-    align-items: $align;
-    justify-content: $justify;
-}
-
-@mixin alignItems($align: center) {
-    @include displayFlex($align, center);
-
-    &-start {
-        @include displayFlex($align, flex-start);
-    }
-
-    &-center {
-        @include displayFlex($align, center);
-    }
-
-    &-end {
-        @include displayFlex($align, flex-end);
-    }
-
-    &-between {
-        @include displayFlex($align, space-between);
-    }
-
-    &-around {
-        @include displayFlex($align, space-around);
-    }
-
-    &-evenly {
-        @include displayFlex($align, space-evenly);
-    }
-}
-
-.flex {
-    @include displayFlex;
-
-    &-center {
-        @include alignItems(center);
-    }
-
-    &-start {
-        @include alignItems(flex-start);
-    }
-
-    &-end {
-        @include alignItems(flex-end);
-    }
-}
-
-/* #ifdef MP-TOUTIAO */
-.row {
-    flex-direction: row;
-}
-
-.row-reverse {
-    flex-direction: row-reverse;
-}
-
-.column {
-    flex-direction: column;
-}
-
-.column-reverse {
-    flex-direction: column-reverse;
-}
-
-.wrap {
-    flex-wrap: wrap;
-}
-
-.nowrap {
-    flex-wrap: nowrap;
-}
-/* #endif */
-
-[class*="flex-"],
-[class^="flex"] {
-    &.row {
-        flex-direction: row;
-    }
-
-    &.row-reverse {
-        flex-direction: row-reverse;
-    }
-
-    &.column {
-        flex-direction: column;
-    }
-
-    &.column-reverse {
-        flex-direction: column-reverse;
-    }
-
-    &.wrap {
-        flex-wrap: wrap;
-    }
-
-    &.nowrap {
-        flex-wrap: nowrap;
-    }
-}
-
-// 生成flex1等占位
-@for $i from 1 through 5 {
-    .flex#{$i} {
-        flex: #{$i};
-    }
-}
-
-/*============================= 文字溢出 =============================*/
-
-%text-ellipsis-lint {
-    text-overflow: ellipsis;
-    white-space: normal;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-}
-
-.text-ellipsis {
-    --line: 1;
-    @extend %text-ellipsis-lint;
-    -webkit-line-clamp: var(--line);
-
-    &-1 {
-        @extend %text-ellipsis-lint;
-        -webkit-line-clamp: 1;
-    }
-
-    &-2 {
-        @extend %text-ellipsis-lint;
-        -webkit-line-clamp: 2;
-    }
-
-    &-3 {
-        @extend %text-ellipsis-lint;
-        -webkit-line-clamp: 3;
-    }
+/*============================= 文字尺寸 =============================*/
+$font-size-20: 20rpx;
+$font-size-22: 22rpx;
+$font-size-24: 24rpx;
+$font-size-26: 26rpx;
+$font-size-28: 28rpx;
+$font-size-30: 30rpx;
+$font-size-32: 32rpx;
+$font-size-34: 34rpx;
+$font-size-36: 36rpx;
+$font-size-38: 38rpx;
+$font-size-40: 40rpx;
+// 主题颜色
+$main-color: #ff8d1a;
+
+image {
+    width: 100%;
+    height: 100%;
+}
+
+@mixin btn-line {
+    font-size: $font-size-32;
+    color: $main-color;
+    padding: 0rpx 26rpx;
+    border: 2rpx solid $main-color;
+    text-align: center;
+    border-radius: 180rpx;
+    box-sizing: border-box;
+    height: 60rpx;
+    line-height: 60rpx;
+
+}
+
+@mixin btn-solid {
+    font-size: $font-size-32;
+    color: #fff;
+    background-color: $main-color;
+    padding: 0rpx 26rpx;
+    border: 2rpx solid $main-color;
+    text-align: center;
+    border-radius: 8rpx;
+    box-sizing: border-box;
+    height: 60rpx;
+    line-height: 60rpx;
+}
+
+// 间隔线
+.line_box {
+    width: 100%;
+    height: 16rpx;
+    background-color: #f2f2f2;
+}
+
+
+
+// 弹框公用
+.dialog_content_lx {
+    .dialog_icon_lx {
+        margin: 0 auto;
+        width: 116rpx;
+        height: 116rpx;
+    }
+
+    .dialog_txt_lx {
+        text-align: center;
+        margin-top: 20rpx;
+        font-size: $font-size-34;
+        color: rgba(0, 0, 0, 1);
+    }
+}
+
+.dialog_sub_btns_lx {
+    padding: 0 36rpx;
+
+    .dialog_submit_btn_lx {
+        @include btn-line;
+        background-color: $main-color;
+        color: #fff;
+        margin-bottom: 20rpx;
+    }
+
+    .dialog_cancel_btn_lx {
+        @include btn-line;
+        color: rgba(128, 128, 128, 1);
+        border-color: rgba(128, 128, 128, 1);
+    }
+}
+
+// 弹框公用
+
+/*============================= 弹性盒子 =============================*/
+@mixin displayFlex($align: center, $justify: center) {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-items: $align;
+    justify-content: $justify;
+}
+
+@mixin alignItems($align: center) {
+    @include displayFlex($align, center);
+
+    &-start {
+        @include displayFlex($align, flex-start);
+    }
+
+    &-center {
+        @include displayFlex($align, center);
+    }
+
+    &-end {
+        @include displayFlex($align, flex-end);
+    }
+
+    &-between {
+        @include displayFlex($align, space-between);
+    }
+
+    &-around {
+        @include displayFlex($align, space-around);
+    }
+
+    &-evenly {
+        @include displayFlex($align, space-evenly);
+    }
+}
+
+.flex {
+    @include displayFlex;
+
+    &-center {
+        @include alignItems(center);
+    }
+
+    &-start {
+        @include alignItems(flex-start);
+    }
+
+    &-end {
+        @include alignItems(flex-end);
+    }
+}
+
+/* #ifdef MP-TOUTIAO */
+.row {
+    flex-direction: row;
+}
+
+.row-reverse {
+    flex-direction: row-reverse;
+}
+
+.column {
+    flex-direction: column;
+}
+
+.column-reverse {
+    flex-direction: column-reverse;
+}
+
+.wrap {
+    flex-wrap: wrap;
+}
+
+.nowrap {
+    flex-wrap: nowrap;
+}
+/* #endif */
+
+[class*="flex-"],
+[class^="flex"] {
+    &.row {
+        flex-direction: row;
+    }
+
+    &.row-reverse {
+        flex-direction: row-reverse;
+    }
+
+    &.column {
+        flex-direction: column;
+    }
+
+    &.column-reverse {
+        flex-direction: column-reverse;
+    }
+
+    &.wrap {
+        flex-wrap: wrap;
+    }
+
+    &.nowrap {
+        flex-wrap: nowrap;
+    }
+}
+
+// 生成flex1等占位
+@for $i from 1 through 5 {
+    .flex#{$i} {
+        flex: #{$i};
+    }
+}
+
+/*============================= 文字溢出 =============================*/
+
+%text-ellipsis-lint {
+    text-overflow: ellipsis;
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.text-ellipsis {
+    --line: 1;
+    @extend %text-ellipsis-lint;
+    -webkit-line-clamp: var(--line);
+
+    &-1 {
+        @extend %text-ellipsis-lint;
+        -webkit-line-clamp: 1;
+    }
+
+    &-2 {
+        @extend %text-ellipsis-lint;
+        -webkit-line-clamp: 2;
+    }
+
+    &-3 {
+        @extend %text-ellipsis-lint;
+        -webkit-line-clamp: 3;
+    }
 }

package/types/components.d.ts

@@ -1,23 +1,23 @@
-import lxHeader from '../components/lx-header/lx-header.vue'
-import lxHello from '../components/lx-hello/lx-hello.vue'
-import lxImage from '../components/lx-image/lx-image.vue'
-import lxList from '../components/lx-list/lx-list.vue'
-import lxListState from '../components/lx-list-state/lx-list-state.vue'
-import lxOperateBottom from '../components/lx-operate-bottom/lx-operate-bottom.vue'
-import lxSubmitBtn from '../components/lx-submit-btn/lx-submit-btn.vue'
-import lxUpload from '../components/lx-upload/lx-upload.vue'
-
-
-declare module '@vue/runtime-core' {
-    export interface GlobalComponents {
-        "lx-header": typeof lxHeader,
-        "lx-hello": typeof lxHello,
-        "lx-image": typeof lxImage,
-        "lx-list": typeof lxList,
-        "lx-list-state": typeof lxListState,
-        "lx-operate-bottom": typeof lxOperateBottom,
-        "lx-submit-btn": typeof lxSubmitBtn,
-        "lx-upload": typeof lxUpload,
-    }
-}
-
+import lxHeader from '../components/lx-header/lx-header.vue'
+import lxHello from '../components/lx-hello/lx-hello.vue'
+import lxImage from '../components/lx-image/lx-image.vue'
+import lxList from '../components/lx-list/lx-list.vue'
+import lxListState from '../components/lx-list-state/lx-list-state.vue'
+import lxOperateBottom from '../components/lx-operate-bottom/lx-operate-bottom.vue'
+import lxSubmitBtn from '../components/lx-submit-btn/lx-submit-btn.vue'
+import lxUpload from '../components/lx-upload/lx-upload.vue'
+
+
+declare module '@vue/runtime-core' {
+    export interface GlobalComponents {
+        "lx-header": typeof lxHeader,
+        "lx-hello": typeof lxHello,
+        "lx-image": typeof lxImage,
+        "lx-list": typeof lxList,
+        "lx-list-state": typeof lxListState,
+        "lx-operate-bottom": typeof lxOperateBottom,
+        "lx-submit-btn": typeof lxSubmitBtn,
+        "lx-upload": typeof lxUpload,
+    }
+}
+

package/types/index.d.ts

@@ -1,26 +1,26 @@
-/// <reference path="./components.d.ts" />
-declare module 'lxui-uni' {
-    export function install(): void  //必要
-    type pageMode = 'navigateTo' | 'redirectTo' | 'reLaunch' | 'switchTab'
-    interface goToPageInt {
-        url: string
-        mode?: pageMode
-        params?: {
-            [key: string]: string | number | boolean
-        }
-    }
-
-    global {
-      interface Uni {
-        goToPage({ url, mode, params }: goToPageInt): void;
-        $util: {
-            formatTime: any,
-            debounce: any,
-            throttle: any,
-            saveImgData: any,
-            setClipboardData: any,
-            config: any
-        }
-      }
-    }
+/// <reference path="./components.d.ts" />
+declare module 'lxui-uni' {
+    export function install(): void  //必要
+    type pageMode = 'navigateTo' | 'redirectTo' | 'reLaunch' | 'switchTab'
+    interface goToPageInt {
+        url: string
+        mode?: pageMode
+        params?: {
+            [key: string]: string | number | boolean
+        }
+    }
+
+    global {
+      interface Uni {
+        goToPage({ url, mode, params }: goToPageInt): void;
+        $util: {
+            formatTime: any,
+            debounce: any,
+            throttle: any,
+            saveImgData: any,
+            setClipboardData: any,
+            config: any
+        }
+      }
+    }
 }