my_about.html
4.2 KB
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<script src="../../assets/js/fontsize.js"></script>
<link rel="stylesheet" href="../../assets/css/api.css"/>
<link rel="stylesheet" href="../../assets/css/style.css">
<link rel="stylesheet" href="../../assets/icon/iconfont.css">
<title></title>
<style>
.logo_box {
width: 1.8rem;
height: 1.8rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0.95rem auto 0.45rem auto;
border-radius: 0.16rem;
overflow: hidden;
}
.logo_box img {
width: 100%;
}
.app_name {
color: #DDBB73;
font-size: 15px;
text-align: center;
}
.app_version {
font-size: 12px;
color: #CCCCCC;
padding: 0.15rem 0;
text-align: center;
margin: 0 0 0.9rem 0;
}
.about_item {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 13px;
color: #999797;
padding: 0.21rem 0.2rem;
margin: 0 0.37rem;
border-bottom: 1px solid #f5f5f5;
}
.about_item .iconfont {
color: #C0C0C0;
}
.company {
font-size: 10px;
color: #999999;
text-align: center;
position: absolute;
bottom: 0.64rem;
width: 100%;
left: 0;
}
</style>
</head>
<body>
<div id="app" v-cloak>
<div class="logo_box">
<img src="../../assets/image/logo200.png" alt="">
</div>
<div class="app_name">慈界医养</div>
<div class="app_version">V{{version}}</div>
<div class="about_item"><span>喜欢我们，打分鼓励</span><span class="iconfont icon-xiangyou"></span></div>
<div class="about_item" @click="goShare"><span>分享给朋友</span><span class="iconfont icon-xiangyou"></span></div>
<div class="about_item" @click="openStore(wx)"><span>微信订阅({{wx}})</span><span class="iconfont icon-xiangyou"></span>
</div>
<div class="company">慈界医养有限公司 版权所有</div>
</div>
</body>
</html>
<script type="text/javascript" src="../../assets/js/api.js"></script>
<script type="text/javascript" src="../../assets/js/vue.min.js"></script>
<script type="text/javascript" src="../../assets/js/index.js"></script>
<script type="text/javascript" src="../../assets/js/public.js"></script>
<script type="text/javascript" src="../../assets/js/fastclick.js"></script>
<script>
new FastClick(document.body);
</script>
<script type="text/javascript" src="../../assets/js/axios.min.js"></script>
<script type="text/javascript" src="../../assets/icon/iconfont.js"></script>
<script>
var app = new Vue({
el: "#app",
data: {
version: '',
wx: 'cijieyiyang'
},
created: function () {
apiready = function () {
app.version = api.appVersion
}
},
methods: {
goShare: function () {
openView('my_invite', 'my/my_invite', '邀请有礼', 'my_invite', false, {invite_type: 0})
},
openStore: function (wx) {
// alert(api.appVersion)
if (api.systemType == 'ios') {
api.openApp({
iosUrl: 'weixin://', //打开微信的，其中weixin为微信的URL Scheme
appParam: {
// appParam: 'app参数'
wx: wx
}
});
} else if (api.systemType == 'android') {
api.openApp({
androidPkg: 'com.tencent.mm',
});
} else {
}
},
}
})
</script>