wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

细节

Browse Source
main
fanfan 6 months ago
parent 74b37a0a3f
commit dedf184df6
2 changed files with 153 additions and 126 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 269
      pages/news1/jinqun.vue
  2. 2
      pages/user/index.vue

269
pages/news1/jinqun.vue
Unescape View File

@ -1,7 +1,10 @@
<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> <view class="image-box">
<image :src="cityInfo.group_share_img" class="image" bindtap="clickImg"></image>
</view>
</view>
</template> </template>
<script> <script>
@ -26,7 +29,7 @@
this.cityInfo = data this.cityInfo = data
} }
}, },
clickImg(){ clickImg() {
this.onShareAppMessage() this.onShareAppMessage()
} }
}, },
@ -34,10 +37,10 @@
* 分享当前页面 * 分享当前页面
*/ */
onShareAppMessage() { onShareAppMessage() {
return { return {
title: "进社群领取更多福利", title: "进社群领取更多福利",
imageUrl: this.cityInfo.group_share_img imageUrl: this.cityInfo.group_share_img
} }
}, },
/** /**
@ -46,141 +49,165 @@
* https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html * https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
*/ */
onShareTimeline() { onShareTimeline() {
return { return {
title: "进社群领取更多福利", title: "进社群领取更多福利",
imageUrl: this.cityInfo.group_share_img imageUrl: this.cityInfo.group_share_img
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.jinqun {
.image-box {
width: 330rpx;
height: 330rpx;
margin: 420rpx auto;
.jinqun{ .image {
height:100%; width: 100%;
position: relative; height: 100%;
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh;
.flag{
position: absolute;
top:0;
left:0;
.flagContent{
position: relative;
display: flex;
align-items: center;
justify-content: center;
image{
width: 96px;
height:auto;
}
text{
position: absolute;
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #E92214;
} }
} }
} overflow: hidden;
.topicText{ height:100%;
font-size: 80upx;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
text-align: center;
background: linear-gradient(180deg, #FFFFFF 0%, #FAE0BC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-top:150upx;
}
.subTopicText{
font-size: 50upx;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
color: #FFFFFF;
text-align: center;
-webkit-background-clip: text;
// -webkit-text-fill-color: transparent;
margin-top:20upx;
}
.qcode{
width: 400upx;
height:300upx;
margin:160upx auto;
border:1px solid red;
image{
width: 100%;
height: 140%;
}
}
.submitBtn{
width: 340upx;
height: 90upx;
background: linear-gradient(180deg, #FEE6A8 0%, #FCC96E 100%);
border-radius: 39px 39px 39px 39px;
opacity: 1;
font-size: 40upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #E92214;
line-height: 90upx;
text-align: center;
margin:0 auto;
position: relative; position: relative;
button{ background-repeat: no-repeat;
width: 100%; background-size: cover;
height: 100%; min-height: 100vh;
.flag {
position: absolute; position: absolute;
left: 0;
top: 0; top: 0;
z-index: 2; left: 0;
opacity: 0;
}
}
.fuli{
margin: 60upx;
background-color: #fff;
border-radius: 14upx;
.fuliTitle{
width: 137px;
height: 35px;
background: #3A393E;
opacity: 1;
margin: 0 auto;
border-radius: 0 0 20px 20px;
color: #FFFFFF;
text-align: center;
line-height: 35px;
font-size: 32upx;
}
.fuliContent{
display: flex;
justify-content: space-around;
align-items: center;
padding:50upx 0;
.fuliItem{ .flagContent {
position: relative;
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
image{
height:100upx; image {
width: auto; width: 96px;
height: auto;
} }
text{
font-size: 28upx; text {
position: absolute;
font-size: 32upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #E92214; color: #E92214;
margin-top:12upx;
} }
} }
} }
.topicText {
font-size: 80upx;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
text-align: center;
background: linear-gradient(180deg, #FFFFFF 0%, #FAE0BC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-top: 150upx;
}
.subTopicText {
font-size: 50upx;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
color: #FFFFFF;
text-align: center;
-webkit-background-clip: text;
// -webkit-text-fill-color: transparent;
margin-top: 20upx;
}
.qcode {
width: 400upx;
height: 300upx;
margin: 160upx auto;
border: 1px solid red;
image {
width: 100%;
height: 140%;
}
}
.submitBtn {
width: 340upx;
height: 90upx;
background: linear-gradient(180deg, #FEE6A8 0%, #FCC96E 100%);
border-radius: 39px 39px 39px 39px;
opacity: 1;
font-size: 40upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #E92214;
line-height: 90upx;
text-align: center;
margin: 0 auto;
position: relative;
button {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
opacity: 0;
}
}
.fuli {
margin: 60upx;
background-color: #fff;
border-radius: 14upx;
.fuliTitle {
width: 137px;
height: 35px;
background: #3A393E;
opacity: 1;
margin: 0 auto;
border-radius: 0 0 20px 20px;
color: #FFFFFF;
text-align: center;
line-height: 35px;
font-size: 32upx;
}
.fuliContent {
display: flex;
justify-content: space-around;
align-items: center;
padding: 50upx 0;
.fuliItem {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
image {
height: 100upx;
width: auto;
}
text {
font-size: 28upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #E92214;
margin-top: 12upx;
}
}
}
}
} }
}
</style> </style>

2
pages/user/index.vue
Unescape View File

@ -503,7 +503,7 @@
会员管理 会员管理
</view> </view>
</view> </view>
<view class="serveIcon" v-if="userInfo.user_type == 40" @click="goJump('/pages/news1/jinqun')"> <view class="serveIcon" v-if="userInfo.user_type == 40 || userInfo.user_type == 30 || userInfo.user_type == 20" @click="goJump('/pages/news1/jinqun')">
<image :src="$picUrl+'/static/user/jq.png'" class="icons"></image> <image :src="$picUrl+'/static/user/jq.png'" class="icons"></image>
<view class="serveInfo"> <view class="serveInfo">
进群有礼 进群有礼

Write Preview
Loading…
Cancel
Save