select-role.vue
2.4 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
<template>
<view
class="page"
:style="{
backgroundImage: vuex_baseImgUrl && `url(${vuex_baseImgUrl}selerole.png)`,
}"
>
<view class="title"> Hi ,我是{{ vuex_appName }}，您的私人职业规划师 </view>
<view class="desc">
<img
src="https://yxlypublic.oss-cn-beijing.aliyuncs.com/WeChat/excellet-working/selectsolo.png"
alt=""
/>
</view>
<view class="box" @click="seleRole(2)">
<img
src="https://yxlypublic.oss-cn-beijing.aliyuncs.com/WeChat/excellet-working/role2.png"
alt=""
/>
<view class="t"> 我是在校生，我要实习就业 </view>
</view>
<view
class="box"
@click="seleRole(3)"
v-if="vuex_appId != 'wx2a515776284cae17'"
>
<img :src="vuex_baseImgUrl && `${vuex_baseImgUrl}role3.png`" alt="" />
<view class="t"> 我已工作，我要求职 </view>
</view>
<!-- <view class="box" @click="seleRole(1)" style="margin-top: 32px;">
<img src="https://yxlypublic.oss-cn-beijing.aliyuncs.com/WeChat/excellet-working/role1.png" alt="">
<view class="t">
我是用人企业，我要招人
</view>
</view> -->
</view>
</template>
<script>
export default {
data() {
return {};
},
methods: {
seleRole(e) {
if (e == 2) {
this.$u.vuex("vuex_role", "student");
} else if (e == 3) {
this.$u.vuex("vuex_role", "work");
}
uni.$u.route({
url: "pages/student/tabBar/home/home",
// type: "switchTab",
});
},
},
};
</script>
<style lang="scss" scoped>
.page {
width: 100%;
height: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 135px 28px 0;
.title {
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 500;
color: rgba(0, 0, 0, 0.45);
}
.desc {
margin: 8px 0 0;
// font-size: 22px;
// font-family: AlibabaPuHuiTi_2_95_ExtraBold;
// color: #000000;
img {
width: 248px;
height: 21px;
}
}
.box {
display: flex;
align-items: center;
margin: 24px 0 0;
padding: 29px 20px;
background: rgba(255, 255, 255, 0.8);
border-radius: 10px;
opacity: 0.9;
img {
width: 40px;
height: 40px;
}
.t {
margin-left: 15px;
font-size: 18px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #000000;
}
}
}
</style>