|
|
@ -1,6 +1,9 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<view class="jinqun" :style="{background:`url(${$picUrl}/static/jinqun-bg1.png)`}" style="background-size: 100% 100%;text-align: center;"> |
|
|
|
<view class="jinqun" :style="{background:`url(${$picUrl}/static/jinqun-bg1.png)`}" |
|
|
|
<image :src="cityInfo.group_share_img" style="padding-top: 70%; width: 370rpx;height: 370rpx;" show-menu-by-longpress='1' bindtap="clickImg"></image> |
|
|
|
style="background-size: 100% 100%;text-align: center;"> |
|
|
|
|
|
|
|
<view class="image-box"> |
|
|
|
|
|
|
|
<image :src="cityInfo.group_share_img" class="image" bindtap="clickImg"></image> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
@ -55,27 +58,40 @@ |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
|
|
|
|
.jinqun { |
|
|
|
.jinqun { |
|
|
|
|
|
|
|
.image-box { |
|
|
|
|
|
|
|
width: 330rpx; |
|
|
|
|
|
|
|
height: 330rpx; |
|
|
|
|
|
|
|
margin: 420rpx auto; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.image { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
height:100%; |
|
|
|
height:100%; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-size: cover; |
|
|
|
background-size: cover; |
|
|
|
min-height: 100vh; |
|
|
|
min-height: 100vh; |
|
|
|
|
|
|
|
|
|
|
|
.flag { |
|
|
|
.flag { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
left: 0; |
|
|
|
|
|
|
|
|
|
|
|
.flagContent { |
|
|
|
.flagContent { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
|
|
|
|
image { |
|
|
|
image { |
|
|
|
width: 96px; |
|
|
|
width: 96px; |
|
|
|
height: auto; |
|
|
|
height: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
text { |
|
|
|
text { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
font-size: 32upx; |
|
|
|
font-size: 32upx; |
|
|
@ -85,6 +101,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.topicText { |
|
|
|
.topicText { |
|
|
|
font-size: 80upx; |
|
|
|
font-size: 80upx; |
|
|
|
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; |
|
|
|
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; |
|
|
@ -95,6 +112,7 @@ |
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
padding-top: 150upx; |
|
|
|
padding-top: 150upx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.subTopicText { |
|
|
|
.subTopicText { |
|
|
|
|
|
|
|
|
|
|
|
font-size: 50upx; |
|
|
|
font-size: 50upx; |
|
|
@ -106,16 +124,19 @@ |
|
|
|
// -webkit-text-fill-color: transparent; |
|
|
|
// -webkit-text-fill-color: transparent; |
|
|
|
margin-top: 20upx; |
|
|
|
margin-top: 20upx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.qcode { |
|
|
|
.qcode { |
|
|
|
width: 400upx; |
|
|
|
width: 400upx; |
|
|
|
height: 300upx; |
|
|
|
height: 300upx; |
|
|
|
margin: 160upx auto; |
|
|
|
margin: 160upx auto; |
|
|
|
border: 1px solid red; |
|
|
|
border: 1px solid red; |
|
|
|
|
|
|
|
|
|
|
|
image { |
|
|
|
image { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 140%; |
|
|
|
height: 140%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.submitBtn { |
|
|
|
.submitBtn { |
|
|
|
width: 340upx; |
|
|
|
width: 340upx; |
|
|
|
height: 90upx; |
|
|
|
height: 90upx; |
|
|
@ -130,6 +151,7 @@ |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
button { |
|
|
|
button { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
@ -140,10 +162,12 @@ |
|
|
|
opacity: 0; |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.fuli { |
|
|
|
.fuli { |
|
|
|
margin: 60upx; |
|
|
|
margin: 60upx; |
|
|
|
background-color: #fff; |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 14upx; |
|
|
|
border-radius: 14upx; |
|
|
|
|
|
|
|
|
|
|
|
.fuliTitle { |
|
|
|
.fuliTitle { |
|
|
|
width: 137px; |
|
|
|
width: 137px; |
|
|
|
height: 35px; |
|
|
|
height: 35px; |
|
|
@ -156,6 +180,7 @@ |
|
|
|
line-height: 35px; |
|
|
|
line-height: 35px; |
|
|
|
font-size: 32upx; |
|
|
|
font-size: 32upx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.fuliContent { |
|
|
|
.fuliContent { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
justify-content: space-around; |
|
|
@ -167,10 +192,12 @@ |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
|
|
|
|
image { |
|
|
|
image { |
|
|
|
height: 100upx; |
|
|
|
height: 100upx; |
|
|
|
width: auto; |
|
|
|
width: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
text { |
|
|
|
text { |
|
|
|
font-size: 28upx; |
|
|
|
font-size: 28upx; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|