2

schangxiang@126.com

2024-07-05 d638d934e95f3fda329172ad267e8317c8d2c561

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<script>
export default {
    onLaunch: function() {
        uni.getSystemInfo({
            success:(res=>{
                if (!res.safeAreaInsets) res.safeAreaInsets = {}
                let safetySize = {
                    top:(res.safeAreaInsets.top || 0),
                    bottom:(res.safeAreaInsets.bottom || 0),
                    left:(res.safeAreaInsets.left || 0),
                    right:(res.safeAreaInsets.right || 0)
                }
                this.$store.commit('system/setSafety',safetySize)
            })
        })
        /* 获取并记录版本号 */
        try{
            plus.runtime.getProperty(plus.runtime.appid, (res)=>{
                this.$store.commit('system/setVersion',res.version)
            });
        }catch(e){
            //TODO handle the exception
        }
    },
    onShow: function() {
        console.log('App Show')
    },
    onHide: function() {
        console.log('App Hide')
    }
}
</script>
 
<style lang="scss">
@import "@/static/fonts/iconfont.css";
@import "@/uni_modules/uview-ui/index.scss";
 
.app-page {
    font-size: 28rpx;
    color: $uni-text-color;
    background-color: $uni-bg-color;
    box-sizing: border-box;
    overflow: hidden;
}
.auto-wrap{
    word-break:break-all;
    word-wrap:break-word; 
}
.no-wrap,.ellipsis{
    white-space:nowrap;
}
.ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
}
.ml{
    margin-left: 12rpx;
}
.mr{
    margin-right: 12rpx;
}
.list-item-style {
    margin-bottom: 12rpx;
    box-shadow: 0px 2rpx 6rpx rgba(34, 25, 25, 0.2);
    padding: 8rpx;
    .item-content{
        .item-content-title{
            font-size: 1.2em;
            font-weight: bold;
            border-bottom: 2rpx solid $uni-border-color;
            padding-bottom: 12rpx;
        }
        .item-content-body{
            display: flex;
            .left{
                flex-grow: 1;
                line-height: 1.5em;
            }
            .right{
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: center;
                .packaged-button-component + .packaged-button-component{
                    margin-top: 10rpx;
                }
            }
        }
    }
    &:last-child{
        margin-bottom: 0;
    }
}
.no-more-text-row{
    text-align: center;
    color: $uni-text-color-grey;
    padding: 4rpx 0;
}
.page-frame{
    position: relative;
    box-sizing: border-box;
    &.with-action-user-row{
        padding-top: 54rpx;;
    }
    .with-action-user-row-page-content{
        height: 100%;
        position: relative;
        box-sizing: border-box;
        overflow: auto;
    }
}
.link-text{
    color: $u-primary;
    text-decoration: underline;
}
</style>