<template>
|
<view class="content">
|
<view class="top_content">
|
<image src="/static/home/bg@2x.png" class="bg-img vw100" style="z-index: 1;" mode=""></image>
|
<view class="main">
|
<image src="/static/home/img6.png" mode="widthFix"></image>
|
<image class="w-275 mt-15" src="/static/home/img3.png" mode="widthFix"></image>
|
<view class="flex a-center mt-17 mb-31">
|
<image src="/static/home/img5.png" mode="widthFix"></image>
|
</view>
|
<swiper class="swiper" :indicator-dots="false" :autoplay="true" :interval="3000">
|
<swiper-item v-for="item, index in bannerlist" :key="index">
|
<image style="height: 270rpx;width: 688rpx;border-radius: 19rpx;" :src="item.url" mode="">
|
</image>
|
</swiper-item>
|
</swiper>
|
</view>
|
</view>
|
<view v-if="userInfo.isAdmin == 0" class="flex fs-27 font-bold a-center pt-38 pl-31">
|
<image src="/static/home/社区@2x.png" mode="aspectFill" class="w-31 h-31 mr-12"></image>
|
服务社区：{{ userInfo.roleName }}
|
</view>
|
<view v-if="userInfo.isAdmin == 1" class="flex j-between a-center pt-38 pl-31 pr-31">
|
<view class="flex fs-27 font-bold a-center">
|
<image src="/static/home/角色管理@2x.png" mode="aspectFill" class="w-31 h-31 mr-12"></image>
|
<view class="flex a-center">
|
<view class="shrink0">
|
当前角色：
|
</view>
|
<view class="">
|
{{ userInfo.roleName }}
|
</view>
|
</view>
|
</view>
|
</view>
|
|
<view class="pt-38 pl-31 pr-31 flex flex-column">
|
<view class="flex j-between a-center">
|
<!-- <text class="color1 fs-31 font-bold">工作台</text> -->
|
<!-- <text class="color2 fs-27" @click="showData = !showData">查看更多</text> -->
|
<view @click="showData = !showData" class="fs-23 flex a-center border1 w-154 h-38 j-center br-29">
|
<image src="/static/more.png" mode="aspectFill" class="w-19 h-19 mr-8"></image>
|
更多功能
|
</view>
|
<view @click="showChangeRole" class="fs-23 flex a-center border1 w-154 h-38 j-center br-29">
|
<image src="/static/home/切换@2x.png" mode="aspectFill" class="w-19 h-19 mr-8"></image>
|
切换角色
|
</view>
|
</view>
|
<view class="flex flex-wrap j-between mt-23">
|
<view class="pt-38 pb-38 bg1 w-333 br-19 flex a-center relative"
|
:class="userInfo.isPartymember === false && 'bg2'" @click="onClick()">
|
<image v-if="userInfo.auditStatus === null" src="/static/home/注册@2x.png" mode="aspectFill"
|
class="w-112 h-85 absolute" style="right: -12rpx;top: -23rpx;"></image>
|
<image v-if="userInfo.auditStatus == 2" src="/static/home/拒绝@2x.png" mode="aspectFill"
|
class="w-112 h-85 absolute" style="right: -12rpx;top: -23rpx;"></image>
|
<image v-if="userInfo.auditStatus == 0" src="/static/home/审核中@2x (1).png" mode="aspectFill"
|
class="w-112 h-85 absolute" style="right: -12rpx;top: -23rpx;"></image>
|
<image class="w-94 h-77 ml-38" src="/static/home/img7.png" mode=""></image>
|
<text class="ml-37 font-bold">党员证件</text>
|
</view>
|
<view class="pt-38 pb-38 bg1 w-333 flex br-19 a-center" @click="goTopage()">
|
<image class="w-81 h-77 ml-38" src="/static/home/img2.png" mode=""></image>
|
<text class="ml-37 font-bold">诉求录入</text>
|
</view>
|
<view class="pt-38 pb-38 bg1 w-333 mt-19 br-19 flex a-center" @click="goToList()">
|
<image class="w-81 h-77 ml-38" src="/static/home/img4.png" mode=""></image>
|
<text class="ml-37 font-bold ">诉求列表</text>
|
</view>
|
<!-- <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center">
|
<image class="w-79 h-77 ml-38" src="/static/home/img1.png" mode=""></image>
|
<text class="ml-37 font-bold">回访评价</text>
|
</view> -->
|
<view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center" @click="toStatistics">
|
<image class="w-81 h-77 ml-38" src="/static/home/img8.png" mode=""></image>
|
<text class="ml-37 font-bold">统计分析</text>
|
</view>
|
<view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center" @tap.stop="toCertificationAudit"
|
v-if="showData && userInfo.isAdmin == 1">
|
<image class="w-81 h-77 ml-38" src="/static/home/Group 2@2x.png" mode=""></image>
|
<text class="ml-37 font-bold">党员审核</text>
|
</view>
|
<view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center" @tap.stop="toSupervision"
|
v-if="showData && userInfo.isAdmin == 1">
|
<image class="w-81 h-77 ml-38" src="/static/home/supervision.png" mode=""></image>
|
<text class="ml-37 font-bold">诉求监督</text>
|
</view>
|
</view>
|
<view class="flex j-between a-center mt-38">
|
<!-- <text class="color1">消息通知</text> -->
|
</view>
|
<view class=" mt-15">
|
<view class="flex a-center">
|
<view class="msg mr-19" @click="changeActive(1)" :class="isactive == 1 ? 'active' : ''">
|
消息
|
<view v-if="noreadlist.length > 0" class="tips">
|
{{ noreadlist.length }}
|
</view>
|
</view>
|
<view class="representative" @click="changeActive(2)" :class="isactive == 2 ? 'active' : ''">
|
待办
|
<view v-if="noreadlists.length > 0" class="tips">
|
{{ noreadlists.length }}
|
</view>
|
</view>
|
</view>
|
<view class="list mt-29">
|
<view v-if="isactive == 1 ? msgList.length == 0 : msgLists.length == 0" class="txt-center">
|
<image src="../../static/空空如也@2x.png" mode="widthFix" class="w80"></image>
|
<view class="fs-23 mt-20 mb-20 color4">暂无数据</view>
|
</view>
|
<view class="flex a-center mb-27" v-for="item in isactive == 1 ? msgList : msgLists" :key="item.id">
|
<view class="avater pb-33">
|
<image class="w-85 h-85 br50" src="/static/home/img9.png" mode=""></image>
|
<view class="tips" v-if="item.readStatus==2"></view>
|
</view>
|
<view class="border-b flex1 ml-18 pb-33">
|
<view class="fs-31 font-w500 flex flex1 j-between">
|
<text>{{item.title}}</text>
|
<text class="fs-23 font-w400">{{item.time}}</text>
|
</view>
|
<view class="fs-27 flex j-between mt-8">
|
<text style="color: rgba(102, 102, 102, 1);">{{ item.promptType == 1 ? '临期提醒' : '超时提醒'
|
}}</text>
|
<view class="read" v-if="item.readStatus == 1">已读</view>
|
<view class="noread" v-else>未读</view>
|
</view>
|
</view>
|
</view>
|
<text v-if="isactive == 1 ? msgList.length > 0 : msgLists.length > 0"
|
class="flex j-center fs-27 color4 pb-48" @click="Allread">全部已读</text>
|
</view>
|
</view>
|
</view>
|
<popupCertificate :show="isClick" @onCancel="isClick = false"></popupCertificate>
|
|
<!-- 用户多个角色时切换角色弹窗 -->
|
<u-popup :show="changeRolePopup" round="16rpx" @close="closeChangeRole">
|
<u-toast ref="uToast"></u-toast>
|
<view class="relative pb-20">
|
<image @tap.stop="closeChangeRole" src="@/static/closeImg.png" class="w-35 h-35 absolute"
|
style="right: 31rpx;top: 46rpx;" />
|
<view class="txt-center pt-38 pb-40 fs-35 lh-48 font-bold">选择角色</view>
|
<view class="lineBox mb-10"></view>
|
<view style="height: 546rpx;overflow-y: auto;">
|
<view @tap.stop="changeRole(item)" v-for="(item,index) in userInfo.permissions" :key="index"
|
:class="item.name == userInfo.roleName && 'bgcolor2'"
|
class="mt-38 bgcolor1 br-58 fs-31 ml-54 mr-62 py-37 txt-center">
|
<view>{{ item.name }}</view>
|
</view>
|
</view>
|
</view>
|
</u-popup>
|
<!-- 认证弹窗 -->
|
<CustomPopup :overlayOpacity="overlayOpacity" ref="renzhengPop" confirmText="去认证" @close="closeH5"
|
@comfirm="toRenzheng">
|
<view class="txt-center fs-31 lh-42 pt-50 pb-17 color5">
|
<view class="">
|
您暂未认证党员信息，
|
</view>
|
请认证后查看！
|
</view>
|
</CustomPopup>
|
<!-- 审核中弹窗 -->
|
<CustomPopup ref="shenhePop" confirmText="查看详情" @close="closeH5" @comfirm="toRenzhengDetail">
|
<view class="txt-center fs-31 lh-42 pt-50 pb-35 color5">
|
<view class="">
|
您提交的党员信息正在审核中，
|
</view>
|
请稍后！
|
</view>
|
</CustomPopup>
|
<!-- 拒绝弹窗 -->
|
<CustomPopup ref="jujuePop" confirmText="查看详情" @close="closeH5" @comfirm="toRenzhengDetail">
|
<view class="txt-center fs-31 lh-42 pt-50 pb-60 color5">
|
您提交的党员信息审核不通过！
|
</view>
|
</CustomPopup>
|
<!-- 冻结弹窗 -->
|
<CustomPopup ref="dongjiePop" confirmText="确认" :isOneBtn="true" @comfirm="comfirmDongjie">
|
<view class="txt-center fs-31 lh-42 pt-50 pb-60 color5">
|
当前账号已冻结，请联系管理员！
|
</view>
|
</CustomPopup>
|
<!-- 确认弹窗 -->
|
<CustomPopup ref="confirmPop" confirmText="确认" :isCountDown="true" :isOneBtn="true" @comfirm="comfirm">
|
<view class="txt-center fs-31 lh-42 pt-48 pb-58 color5">
|
<view class="">
|
请仔细核对账号信息和功能， 是否与
|
</view>
|
<view class="">
|
本人职责匹配，如不匹配，请向社区、
|
</view>
|
<view class="">
|
部门反映修改权限！
|
</view>
|
</view>
|
</CustomPopup>
|
</view>
|
</template>
|
|
<script>
|
import dayjs from '../../uni_modules/uview-ui/libs/util/dayjs'
|
import popupCertificate from '../components/certificate/certificate.vue'
|
import {
|
getBanner,
|
getMessagelist,
|
getappletcinfo,
|
getread,
|
getCurrentUserInfo,
|
changeIdentity,
|
confirmContent,
|
getSignature
|
} from './service.js'
|
export default {
|
components: {
|
popupCertificate
|
},
|
data() {
|
return {
|
isactive: 1,
|
list1: [],
|
showData: false,
|
isClick: false,
|
pageNum: 1,
|
bannerlist: [],
|
msgList: [],
|
msgLists: [],
|
msgListTotal: [],
|
userInfo: {},
|
isLoading: false,
|
noreadlist: [],
|
noreadlists: [],
|
changeRolePopup: false,
|
activeRole: 1,
|
overlayOpacity: 0.5
|
}
|
},
|
// watch: {
|
// '$store.state.isList': {
|
// handler(newVal, oldVal) {
|
// if (newVal) {
|
// uni.navigateTo({
|
// url: '/pages/list/list'
|
// })
|
// this.$store.commit('SET_ISLIST', false)
|
// }
|
// },
|
// deep: true
|
// }
|
// },
|
onPullDownRefresh() {
|
if (!this.isLoading) {
|
this.pageNum = this.pageNum + 1
|
this.getMessagelist()
|
} else {
|
return uni.showToast({
|
title: '没有更多了...',
|
icon: 'none'
|
})
|
}
|
|
},
|
onLoad(e) {
|
|
if (e.token) {
|
uni.setStorageSync('token', 'Bearer ' + e.token)
|
}
|
},
|
onShow() {
|
if (this.$store.state.isList) {
|
uni.navigateTo({
|
url: '/pages/list/list'
|
})
|
this.$store.commit('SET_ISLIST', false)
|
return
|
}
|
this.getBanner()
|
this.getMessagelist()
|
this.getappletcinfo()
|
},
|
methods: {
|
toSupervision() {
|
uni.navigateTo({
|
url: '/pages/supervision/supervision'
|
})
|
},
|
toStatistics() {
|
uni.navigateTo({
|
url: '/pages/statistics/index'
|
})
|
},
|
// 管理员确认
|
comfirm() {
|
confirmContent().then(res => {
|
this.$refs.confirmPop.closePopup()
|
})
|
},
|
//关闭切换角色弹窗
|
closeChangeRole() {
|
this.changeRolePopup = false
|
this.getMessagelist()
|
this.getappletcinfo()
|
},
|
changeRole(item) {
|
this.activeRole = item - 1
|
this.changeRolePopup = false
|
},
|
//确认冻结
|
comfirmDongjie() {
|
let arr = this.userInfo.permissions.filter(item => {
|
return !item.isFrozen
|
})
|
if (arr.length == 0) {
|
//全部身份被冻结，返回小程序主页
|
this.$jweixin.miniProgram.navigateBack()
|
} else {
|
this.changeRolePopup = true
|
}
|
this.$refs.dongjiePop.closePopup()
|
},
|
// 认证详情
|
toRenzhengDetail() {
|
uni.navigateTo({
|
url: '/pages/authentication/authentication?detail=1'
|
})
|
this.$refs.jujuePop.closePopup()
|
this.$refs.shenhePop.closePopup()
|
},
|
// 切换角色
|
changeRole(e) {
|
if (e.isFrozen) {
|
//冻结状态
|
this.changeRolePopup = false
|
this.$refs.dongjiePop.showPopup()
|
} else {
|
console.log(e);
|
changeIdentity({
|
identity: e.identity,
|
levelId: e.identity == 1 ? '' : e.levelId
|
}).then(res => {
|
this.$refs.uToast.show({
|
type: "success",
|
title: "修改成功",
|
message: "修改成功",
|
});
|
setTimeout(() => {
|
this.changeRolePopup = false
|
this.getMessagelist()
|
this.getappletcinfo()
|
}, 1000)
|
})
|
}
|
},
|
showChangeRole() {
|
this.changeRolePopup = true
|
},
|
// 跳转认证
|
toRenzheng() {
|
uni.navigateTo({
|
url: '/pages/authentication/authentication'
|
})
|
this.$refs.renzhengPop.closePopup()
|
},
|
// 关闭webview
|
closeH5() {
|
if (this.userInfo.isAdmin == 1) {
|
//是上级则不返回小程序
|
return
|
}
|
this.$jweixin.miniProgram.navigateBack()
|
// getSignature().then(res => {
|
// jweixin.config({
|
// debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
|
// appld: 'wx118de8a734d269f0',
|
// timestamp: res.data.timestamp, // 必填，生成签名的 时间戳
|
// noncestr: res.data.nonceStr, // 必填，生成签名的随机串
|
// signature: res.data.signature, // 必填，签名
|
// jsApiList: [
|
// 'miniProgram.navigateBack',
|
// 'miniProgram.navigateTo',
|
// 'miniProgram.postMessage',
|
// ] // 必填，需要使用的JS接口列表
|
// })
|
// jweixin.ready(() => {
|
// 在这里调用任何你需要的JS-SDK功能
|
// jweixin.miniProgram.navigateBack()
|
// });
|
|
// jweixin.error((err) => {
|
// 处理错误情况
|
// uni.showToast({
|
// title: '配置失败'
|
// });
|
// })
|
// })
|
|
},
|
Allread() {
|
getread().then(resp => {
|
this.getMessagelist()
|
})
|
},
|
getBanner() {
|
getBanner().then(resp => {
|
this.bannerlist = resp.data
|
})
|
},
|
async getappletcinfo() {
|
|
// 获取三个身边当前用户信息 用于判断用户是否是上级
|
let res = await getCurrentUserInfo()
|
// 获取身份信息
|
let resp = await getappletcinfo()
|
let index = resp.data.permissions.findIndex(item => item.identity == 2)
|
resp.data.isAdmin = index >= 0 ? 1 : 0
|
|
if (resp.data.permissions.length > 0) {
|
let obj = resp.data.permissions.find(item => item.identity == resp.data.identity)
|
resp.data.roleName = obj.name
|
}
|
|
this.userInfo = {
|
...resp.data,
|
...res.data
|
}
|
uni.setStorageSync('userInfo', this.userInfo)
|
if (this.userInfo.isFrozen) {
|
//账号被冻结
|
this.$refs.dongjiePop.showPopup()
|
return
|
}
|
|
if (!this.userInfo.isPartymember && this.userInfo.identity == '1' && this.userInfo.auditStatus ==
|
null) {
|
// 党员没有认证,多个角色
|
this.$refs.renzhengPop.showPopup()
|
this.overlayOpacity = 0.5
|
return
|
}
|
if (!this.userInfo.isPartymember && this.userInfo.auditStatus === null && !this.userInfo.identity) {
|
// 没有认证过且没有提交认证,单个角色
|
this.$refs.renzhengPop.showPopup()
|
this.overlayOpacity = 1
|
return
|
}
|
if (!this.userInfo.isPartymember && this.userInfo.auditStatus === 0 && this.userInfo.identity != '2') {
|
// 审核中
|
this.$refs.shenhePop.showPopup()
|
return
|
}
|
console.log(this.userInfo);
|
if (!this.userInfo.isPartymember && this.userInfo.auditStatus === 2 && this.userInfo.identity != '2') {
|
// 审核拒绝
|
this.$refs.jujuePop.showPopup()
|
return
|
}
|
if (this.userInfo.identity == 1 && !this.userInfo.isConfirm && this.userInfo.auditStatus == 1) {
|
//没有确认党员信息
|
uni.navigateTo({
|
url: '/pages/party-member-info/party-member-info'
|
})
|
return
|
}
|
if (this.userInfo.identity == 2 && !this.userInfo.isConfirmContent) {
|
//管理员确认
|
this.$refs.confirmPop.showPopup()
|
}
|
},
|
getMessagelist() {
|
const data = {
|
pageNum: this.pageNum,
|
pageSize: 5
|
}
|
getMessagelist(data).then(resp => {
|
|
if (resp.data.records.length < 5 && this.pageNum == 1) {
|
this.msgListTotal = resp.data.records
|
this.isLoading = true
|
|
} else if (resp.data.records.length < 5 && this.pageNum != 1) {
|
this.msgListTotal = [...this.msgListTotal, resp.data.records]
|
this.isLoading = true
|
} else {
|
this.msgListTotal = [...this.msgListTotal, resp.data.records]
|
this.isLoading = false
|
}
|
this.msgListTotal = this.msgListTotal.map(item => {
|
const timeDifference = new Date().getTime() - new Date(item.createTime)
|
.getTime()
|
// 使用 dayjs 的 duration 来处理时间差
|
|
// 计算总秒数
|
const totalSeconds = Math.floor(timeDifference / 1000);
|
// 计算天数
|
const days = Math.floor(totalSeconds / (3600 * 24));
|
// 计算剩余的秒数
|
const remainingSecondsAfterDays = totalSeconds % (3600 * 24);
|
// 计算小时数
|
const hours = Math.floor(remainingSecondsAfterDays / 3600);
|
// 计算剩余的秒数
|
const remainingSecondsAfterHours = remainingSecondsAfterDays % 3600;
|
// 计算分钟数
|
const minutes = Math.floor(remainingSecondsAfterHours / 60);
|
|
item.time = days && hours ? `${days} 天前 ` : !days && hours ?
|
`${hours}小时 ${minutes} 分钟前` : `${minutes} 分钟前`
|
|
return item
|
})
|
this.msgList = JSON.parse(JSON.stringify(this.msgListTotal)).filter(item => item
|
.promptType ==
|
2)
|
this.msgLists = JSON.parse(JSON.stringify(this.msgListTotal)).filter(item => item
|
.promptType ==
|
1)
|
this.noreadlists = this.msgLists.filter(item => item.readStatus === 0)
|
this.noreadlist = this.msgList.filter(item => item.readStatus === 0)
|
|
})
|
},
|
changeActive(value) {
|
this.isactive = value
|
if (value == 1) {
|
this.msgList = JSON.parse(JSON.stringify(this.msgListTotal)).filter(item => item
|
.promptType ==
|
2)
|
this.noreadlist = this.msgList.filter(item => item.readStatus === 0)
|
} else {
|
|
this.msgLists = JSON.parse(JSON.stringify(this.msgListTotal)).filter(item => item
|
.promptType ==
|
1)
|
this.noreadlists = this.msgLists.filter(item => item.readStatus === 0)
|
}
|
|
|
},
|
change() {
|
|
},
|
onClick() {
|
if (!this.userInfo.isPartymember && this.userInfo.auditStatus === null) {
|
// 没有认证过且没有提交认证
|
this.$refs.renzhengPop.showPopup()
|
return
|
}
|
if (!this.userInfo.isPartymember && this.userInfo.auditStatus === 0) {
|
// 认证审核中
|
this.$refs.shenhePop.showPopup()
|
return
|
}
|
if (!this.userInfo.isPartymember && this.userInfo.auditStatus === 2) {
|
// 认证拒绝
|
this.$refs.jujuePop.showPopup()
|
return
|
}
|
this.isClick = true
|
},
|
goTopage() {
|
uni.navigateTo({
|
url: '/pages/Appeal/Appeal',
|
success: function(res) {
|
// 跳转成功的回调函数
|
},
|
fail: function(err) {
|
// 跳转失败的回调函数
|
},
|
complete: function() {
|
// 无论跳转成功或失败都会执行的回调函数
|
}
|
});
|
|
},
|
goToList() {
|
uni.navigateTo({
|
url: '/pages/list/list'
|
})
|
},
|
toCertificationAudit() {
|
uni.navigateTo({
|
url: '/pages/certificationAudit/certificationAudit'
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
/* 将toast的z-index设置为最高 */
|
.border-b {
|
|
border-bottom: 2rpx solid rgba(0, 10, 26, 0.07);
|
}
|
|
.color1 {
|
color: #3D2124;
|
}
|
|
.color2 {
|
color: rgba(61, 33, 36, 0.6);
|
}
|
|
.color4 {
|
color: rgba(0, 0, 0, 0.4);
|
}
|
|
.color5 {
|
color: #666160;
|
}
|
|
.bgcolor1 {
|
background: #F7F7F7;
|
}
|
|
.bgcolor2 {
|
color: #fff;
|
background: #FC8D55;
|
box-shadow: 0rpx 4rpx 19rpx 0rpx rgba(239, 119, 58, 0.5);
|
}
|
|
.bg1 {
|
background-color: rgba(255, 248, 230, 1);
|
}
|
|
.bg2 {
|
background-color: #E5DFCF;
|
}
|
|
.flex-wrap {
|
flex-wrap: wrap;
|
}
|
|
.read {
|
width: 77rpx;
|
height: 42rpx;
|
border-radius: 8rpx;
|
border: 2rpx solid rgba(0, 0, 0, 0.15);
|
font-weight: 400;
|
font-size: 23rpx;
|
color: rgba(0, 0, 0, 0.45);
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.noread {
|
width: 77rpx;
|
height: 42rpx;
|
background: #FFF1F0;
|
border-radius: 8rpx;
|
border: 2rpx solid #FFCCC7;
|
font-weight: 400;
|
font-size: 23rpx;
|
color: #FF4D4F;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.avater {
|
position: relative;
|
|
.tips {
|
position: absolute;
|
top: 0;
|
left: 63rpx;
|
width: 12rpx;
|
height: 12rpx;
|
border-radius: 50%;
|
background: #FF3141;
|
}
|
}
|
|
.top_content {
|
|
position: relative;
|
|
.main {
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
padding: 0 31rpx;
|
position: absolute;
|
bottom: 8rpx;
|
z-index: 100;
|
left: 0;
|
|
.tip {
|
|
/* 让文字颜色透明，显示出渐变背景 */
|
color: #FFEEA7;
|
/* 设置文字大小 */
|
|
font-weight: 800;
|
font-size: 31rpx;
|
|
|
|
}
|
|
.title {
|
font-weight: 400;
|
font-size: 58rpx;
|
color: #FFEEA7;
|
line-height: 85rpx;
|
text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.26);
|
text-align: right;
|
font-style: normal;
|
}
|
}
|
}
|
|
.bg-img {
|
height: 550rpx;
|
}
|
|
.swiper {
|
width: 688rpx;
|
height: 270rpx;
|
border-radius: 19rpx;
|
|
}
|
|
// swiper-item{
|
// border-radius: 19rpx;
|
// }
|
|
.msg {
|
width: 173rpx;
|
height: 58rpx;
|
border-radius: 29rpx;
|
background: #F6F6F6;
|
font-weight: 400;
|
color: #797F81;
|
font-size: 27rpx;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: relative;
|
|
.tips {
|
position: absolute;
|
top: -12rpx;
|
right: 35rpx;
|
width: 27rpx;
|
height: 27rpx;
|
text-align: center;
|
line-height: 27rpx;
|
background: #FF3141;
|
border: 2rpx solid #FFFFFF;
|
border-radius: 50%;
|
|
font-weight: 400;
|
font-size: 17rpx;
|
color: #FFFFFF;
|
|
}
|
}
|
|
.representative {
|
font-weight: 400;
|
font-size: 27rpx;
|
color: #797F81;
|
width: 173rpx;
|
height: 58rpx;
|
background: #F6F6F6;
|
border-radius: 29rpx;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: relative;
|
|
.tips {
|
position: absolute;
|
top: -12rpx;
|
right: 35rpx;
|
width: 27rpx;
|
height: 27rpx;
|
text-align: center;
|
line-height: 27rpx;
|
background: #FF3141;
|
border: 2rpx solid #FFFFFF;
|
border-radius: 50%;
|
|
font-weight: 400;
|
font-size: 17rpx;
|
color: #FFFFFF;
|
|
}
|
}
|
|
.active {
|
background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
|
color: #FFFFFF;
|
font-weight: 600;
|
}
|
|
.lineBox {
|
width: 100%;
|
height: 1rpx;
|
background: #E5E5E5;
|
}
|
|
.border1 {
|
border: 2rpx solid #FC8D55;
|
color: #FC8D55;
|
}
|
</style>
|
