flat: init

common/common.css

@@ -0,0 +1,309 @@
+/* 公共样式表 */
+page {
+    height: 100%;
+    min-height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
+    font-size: 28rpx;
+    background-color: #f4f4f4;
+    /* line-height: 1.8; */
+    color: #333333;
+    overflow: hidden;
+}
+
+image {
+    width: 100%;
+    height: 100%;
+}
+
+.page-body {
+    height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
+}
+
+body,
+html {
+    height: 100%;
+    width: 100%;
+    overflow-x: hidden;
+}
+
+/* 布局调整 */
+
+
+/* 控制hover */
+.opctiy_8 {
+    opacity: 0.8 !important;
+}
+
+.opctiy_7 {
+    opacity: 0.7 !important;
+}
+
+.opctiy_6 {
+    opacity: 0.6 !important;
+}
+
+.opctiy_5 {
+    opacity: 0.5 !important;
+}
+
+.opctiy_4 {
+    opacity: 0.4 !important;
+}
+
+.opctiy_3 {
+    opacity: 0.3 !important;
+}
+
+.opctiy_2 {
+    opacity: 0.2 !important;
+}
+
+.opctiy_1 {
+    opacity: 0.1 !important;
+}
+
+/* 控制文字大小 */
+.fs_10 {
+    font-size: 20rpx !important;
+}
+
+.fs_12 {
+    font-size: 24rpx !important;
+}
+
+.fs_14 {
+    font-size: 28rpx !important;
+}
+
+.fs_16 {
+    font-size: 32rpx !important;
+}
+
+.fs_18 {
+    font-size: 36rpx !important;
+}
+
+.fs_20 {
+    font-size: 40rpx !important;
+}
+
+.fs_22 {
+    font-size: 44rpx !important;
+}
+
+.fs_24 {
+    font-size: 48rpx !important;
+}
+
+.fs_26 {
+    font-size: 52rpx !important;
+}
+
+.fs_28 {
+    font-size: 56rpx !important;
+}
+
+.fs_30 {
+    font-size: 60rpx !important;
+}
+
+.fs_32 {
+    font-size: 64rpx !important;
+}
+
+/* 控制字体粗细 */
+.fw_blod {
+    font-weight: bold;
+}
+
+/* 控制字体颜色 */
+.color_D16B3F {
+    color: #D16B3F !important;
+}
+
+.color_C7331D {
+    color: #C7331D !important;
+}
+
+.color_666666 {
+    color: #666666 !important;
+}
+
+.color_F8A52F {
+    color: #F8A52F !important;
+}
+
+.color_999999 {
+    color: #999999 !important;
+}
+
+.color_C7331D {
+    color: #C7331D !important;
+}
+
+.color_333333 {
+    color: #333333 !important;
+}
+
+.color_FFFFFF {
+    color: #FFFFFF !important;
+}
+
+.color_E7612E {
+    color: #E7612E !important;
+}
+
+.color_EF4B37 {
+    color: #EF4B37 !important;
+}
+
+.color_5F5F5F {
+    color: #5F5F5F !important;
+}
+
+.color_FB7307 {
+    color: #FB7307 !important;
+}
+
+.color_4873D9 {
+    color: #4873D9 !important;
+}
+
+.color_4E8ADE {
+    color: #4E8ADE !important;
+}
+
+.color_D9D9D9 {
+    color: #D9D9D9 !important;
+}
+
+/* 控制左右距离 */
+.mar_le30 {
+    margin-left: 60rpx;
+}
+
+.mar_le25 {
+    margin-left: 50rpx;
+}
+
+.mar_le20 {
+    margin-left: 40rpx;
+}
+
+.mar_le15 {
+    margin-left: 30rpx;
+}
+
+.mar_le10 {
+    margin-left: 20rpx;
+}
+
+.mar_le5 {
+    margin-left: 10rpx;
+}
+
+.mar_ri5 {
+    margin-right: 10rpx;
+}
+
+.mar_ri10 {
+    margin-right: 20rpx;
+}
+
+.mar_ri15 {
+    margin-right: 30rpx;
+}
+
+.mar_ri20 {
+    margin-right: 40rpx;
+}
+
+.mar_ri25 {
+    margin-right: 50rpx;
+}
+
+.mar_top5 {
+    margin-top: 10rpx;
+}
+
+.mar_top10 {
+    margin-top: 20rpx;
+}
+
+.mar_top15 {
+    margin-top: 30rpx;
+}
+
+.mar_top20 {
+    margin-top: 40rpx;
+}
+
+.mar_top25 {
+    margin-top: 50rpx;
+}
+
+/* 控制字体粗细  */
+.fw_blod {
+    font-weight: bold !important;
+}
+
+/* 控制背景色 */
+.bg_e8 {
+    background-color: #e8e8e8 !important;
+}
+
+/* 控制背景色 */
+.bg_cc {
+    background-color: #CCCCCC !important;
+}
+
+/* 控制背景色 */
+.bg_ff {
+    background-color: #ffffff !important;
+}
+
+
+
+/* 弹性布局 */
+.fl_box {
+    display: flex;
+}
+
+.fl_deri {
+    flex-direction: column;
+}
+
+.fl_row {
+    flex-direction: row;
+}
+
+.fl_justmiddle {
+    justify-content: center;
+}
+
+.fl_juststart {
+    justify-content: flex-start;
+}
+
+.fl_justbet {
+    justify-content: space-between;
+}
+
+.fl_justround {
+    justify-content: space-around;
+}
+
+.fl_justend {
+    justify-content: flex-end;
+}
+
+.fl_almiddle {
+    align-items: center;
+}
+
+.fl_alstart {
+    align-items: flex-start;
+}
+
+.fl_alend {
+    align-items: flex-end;
+}

common/globalFunction.js

@@ -0,0 +1,76 @@
+import useUserStore from "../stores/useUserStore";
+
+const msg = (title, duration = 1500, mask = false, icon = 'none', image) => {
+    if (Boolean(title) === false) {
+        return;
+    }
+    uni.showToast({
+        title,
+        duration,
+        mask,
+        icon,
+        image
+    });
+}
+
+const prePage = () => {
+    let pages = getCurrentPages();
+    let prePage = pages[pages.length - 2];
+    return prePage.$vm;
+}
+
+
+
+
+const navTo = function(url, needLogin) {
+    if (needLogin && useUserStore().hasLogin) {
+        uni.navigateTo({
+            url: '/pages/login/login'
+        });
+        return
+    }
+    uni.navigateTo({
+        url
+    });
+}
+
+function getdeviceInfo() {
+    const globalData = {
+        statusBarHeight: 0, // 状态导航栏高度
+        topHeight: 0, // 距离顶部高度
+        navHeight: 0, // 总体高度
+        windowHeight: 0, // 可使用窗口高度
+        tabBarHight: 0, //底部导航栏高度
+    };
+    let systemInfo = uni.getSystemInfoSync()
+    globalData.windowHeight = systemInfo.screenHeight
+    // 底部导航栏
+    globalData.tabBarHight = systemInfo.screenHeight - systemInfo.safeArea.bottom
+    // 状态栏高度
+    globalData.statusBarHeight = systemInfo.statusBarHeight
+    // #ifdef MP-MP-WEIXIN
+    let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+    // 胶囊距离顶部高度
+    globalData.topHeight = menuButtonInfo.top
+    // 胶囊高度
+    globalData.navHeight = menuButtonInfo.height​
+    // #endif
+    return {
+        ...globalData
+    }
+}
+
+function sleep(time) {
+    return new Promise((resolve) => setTimeout(resolve, time))
+}
+
+
+export default {
+    '$api': {
+        msg,
+        prePage,
+        sleep
+    },
+    navTo,
+    getdeviceInfo
+}