20261008

App.vue

@@ -0,0 +1,295 @@
+<script>
+export default {
+    onLaunch: function () {
+        console.log('App Launch')
+    },
+    onShow: function () {
+        console.log('App Show')
+    },
+    onHide: function () {
+        console.log('App Hide')
+    } 
+}
+</script>
+
+<style lang="scss">
+@import "@/uni_modules/uview-ui/index.scss";
+/*每个页面公共css */
+page {
+    background: #F5F9FA;
+}
+
+uni-modal {
+    z-index: 999999 !important;
+}
+
+.wrap {
+    margin: 0 auto;
+    // min-width: 320px;
+    // max-width: 750px;
+    height: auto;
+}
+
+.red {
+    color: #A92924 !important;
+}
+
+.m-top-10 {
+    margin-top: 10rpx;
+}
+
+.m-top-20 {
+    margin-top: 20rpx;
+}
+
+.m-top-30 {
+    margin-top: 30rpx;
+}
+
+.m-left-10 {
+    margin-left: 10rpx;
+}
+
+.m-left-20 {
+    margin-left: 20rpx;
+}
+
+.m-left-30 {
+    margin-left: 30rpx;
+}
+
+.m-right-10 {
+    margin-right: 10rpx;
+}
+
+.m-right-20 {
+    margin-right: 20rpx;
+}
+
+.m-right-30 {
+    margin-right: 30rpx;
+}
+
+.p-30 {
+    padding: 30rpx;
+}
+
+.p-top-10 {
+    padding-top: 10rpx;
+}
+
+.p-top-20 {
+    padding-top: 20rpx;
+}
+
+.p-top-30 {
+    padding-top: 30rpx;
+}
+
+.p-left-10 {
+    padding-left: 10rpx;
+}
+
+.p-left-20 {
+    padding-left: 20rpx;
+}
+
+.p-left-30 {
+    padding-left: 30rpx !important;
+}
+
+.p-right-10 {
+    padding-right: 10rpx;
+}
+
+.p-right-20 {
+    padding-right: 20rpx;
+}
+
+.p-right-30 {
+    padding-right: 30rpx !important;
+}
+
+.p-30{
+    padding: 30rpx;
+}
+
+.radius {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+}
+
+.full {
+    width: 100%;
+    height: 100%;
+}
+
+.fl {
+    float: left;
+}
+
+.fr {
+    float: right;
+}
+
+.clear:after {
+    display: block;
+    content: '';
+    height: 0;
+    line-height: 0;
+    visibility: hidden;
+    clear: both;
+}
+
+.text-right {
+    text-align: right;
+}
+
+.text-left {
+    text-align: left;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.bg-white {
+    background: white;
+}
+
+// 单行文字
+.text-single {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    -moz-text-overflow: ellipsis;
+    -webkit-text-overflow: ellipsis;
+}
+
+// 两行文字
+.text-both {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+}
+
+// 三行文字
+.text-three {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+}
+
+// 平均分段
+.hundred {
+    width: 100%;
+    height: auto;
+}
+
+.half {
+    width: 50%;
+    height: auto;
+}
+
+.third {
+    width: 33.333%;
+    height: auto;
+}
+
+.fourth {
+    width: 25%;
+    height: auto;
+}
+
+.fifth {
+    width: 20%;
+    height: auto;
+}
+
+// 弹性盒子
+.flex {
+    display: flex;
+}
+
+.flex-1 {
+    flex: 1;
+}
+
+.justify-start {
+    justify-content: flex-start;
+}
+
+.justify-center {
+    justify-content: center;
+}
+
+.justify-end {
+    justify-content: flex-end;
+}
+
+.justify-between {
+    justify-content: space-between;
+}
+
+.justify-around {
+    justify-content: space-around;
+}
+
+.direction-column {
+    flex-direction: column;
+}
+
+.align-center {
+    align-items: center;
+}
+
+.flex-wrap {
+    flex-wrap: wrap;
+}
+
+.flex-nowrap {
+    flex-wrap: nowrap;
+}
+
+.index-h2 {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10rpx 0rpx;
+
+    .big {
+        font-size: 30rpx;
+        font-weight: 600;
+        line-height: 48rpx;
+        color: #101010;
+    }
+
+    .more {
+        font-size: 26rpx;
+        line-height: 40rpx;
+        color: #A92924;
+    }
+}
+
+.issue {
+    position: fixed;
+    right: 30rpx;
+    bottom: 120rpx;
+    z-index: 99;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 90rpx;
+    height: 90rpx;
+    border-radius: 50%;
+    background: #A92924;
+}
+</style>