center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat: 【首页】新增培训班二维码

Browse Source
This commit is contained in:
taojinlong 2022-10-27 14:40:23 +08:00
parent 8cc4afe88a
commit ecd534dcf4
5 changed files with 257 additions and 218 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/src/assets/wizard_wechat-train.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

5
frontend/src/lang/en.js
View File

@ -2569,7 +2569,10 @@ export default {
tel: 'Tel:',
web: 'Web:',
apply: 'Free Trial Application',
more: 'More'
more: 'More',
weChat_official_account: 'WeChat official account',
technical_group: 'Technical exchange group',
f2c_train: 'FIT2CLOUD Certification'
},
kettle: {
add: 'Add Kettle',

5
frontend/src/lang/tw.js
View File

@ -2570,7 +2570,10 @@ export default {
tel: '電話：',
web: '網址：',
apply: '免费试用申请',
more: '更多'
more: '更多',
weChat_official_account: '微信公眾號',
technical_group: '技術交流群',
f2c_train: '飛致雲認證'
},
kettle: {
add: '添加 Kettle 服務',

5
frontend/src/lang/zh.js
View File

@ -2570,7 +2570,10 @@ export default {
tel: '电话：',
web: '网址：',
apply: '免费试用申请',
more: '更多'
more: '更多',
weChat_official_account: '微信公众号',
technical_group: '技术交流群',
f2c_train: '飞致云认证'
},
kettle: {
add: '添加 Kettle 服务',

38
frontend/src/views/wizard/index.vue
View File

@ -101,15 +101,22 @@
</div>
<div class="content_bottom_qr_code">
<div class="contact_wechat_train">
<div class="contact_title_qr">{{ $t('wizard.f2c_train') }}</div>
<img
class="contact_wechat_train_img"
src="@/assets/wizard_wechat-train.png"
>
</div>
<div class="contact_wechat_official">
<div class="contact_title_qr">微信公众号</div>
<div class="contact_title_qr">{{ $t('wizard.weChat_official_account') }}</div>
<img
class="contact_wechat_official_img"
src="@/assets/wizard_wechat-official.jpeg"
>
</div>
<div class="contact_wechat_group">
<div class="contact_title_qr">技术交流群</div>
<div class="contact_title_qr">{{ $t('wizard.technical_group') }}</div>
<img
class="contact_wechat_group_img"
src="@/assets/wizard_wechat-group.png"
@ -217,6 +224,7 @@ export default {
.main_outer {
background-color: var(--MainBG, #f5f6f7)
}
.main_container {
min-width: 1250px;
padding: 0 24px 0 24px;
@ -228,9 +236,11 @@ export default {
background-size: 100% 444px !important;
background: url('../../assets/wizard_main_bg.png') no-repeat;
}
.main_content {
width: 1200px;
}
.content_top_banner {
color: var(--ContentBG, #FFFFFF);
position: relative;
@ -263,6 +273,7 @@ export default {
font-weight: 600;
font-size: 48px;
}
.hint_content {
margin-top: 12px;
line-height: 26px;
@ -284,6 +295,7 @@ export default {
border-radius: 4px;
background-color: var(--ContentBG, #FFFFFF);
}
.content_middle_title {
float: left;
font-style: normal;
@ -292,6 +304,7 @@ export default {
line-height: 38px;
color: var(--TextPrimary, #1F2329);
}
.content_middle_more {
float: right;
font-style: normal;
@ -302,6 +315,7 @@ export default {
border-radius: 4px;
height: 26px;
padding: 2px;
&:hover {
background: rgba(31, 35, 41, 0.1);
cursor: pointer;
@ -348,10 +362,12 @@ export default {
border-radius: 4px;
padding-left: 12px;
margin-left: -12px;
&:hover {
background: rgba(31, 35, 41, 0.1);
cursor: pointer;
color: #3370FF !important;
.li-a {
color: #3370FF !important;
}
@ -400,15 +416,16 @@ export default {
color: #646A73;
margin-top: 8px;
}
.contact_content a:hover {
color: #3370FF;
}
.content_bottom_qr_code {
width: 300px;
width: 400px;
float: right;
text-align: right;
margin-right: 280px;
margin-right: 180px;
margin-top: 40px;
}
@ -422,9 +439,22 @@ export default {
margin-bottom: 8px;
}
.contact_wechat_train {
width: 100px;
float: right;
}
.contact_wechat_train_img {
box-sizing: border-box;
width: 100px;
height: 100px;
border: 2px solid #FFFFFF;
}
.contact_wechat_official {
width: 100px;
float: right;
margin-right: 40px;
}
.contact_wechat_official_img {