|
|
@@ -0,0 +1,579 @@
|
|
|
+<template>
|
|
|
+ <view class="bg">
|
|
|
+
|
|
|
+ <view class="content">
|
|
|
+ <view class="user">
|
|
|
+ <view style="width:50%">
|
|
|
+ <text>【姓 名】</text>
|
|
|
+ <text>{{ userData.username }}</text>
|
|
|
+ </view>
|
|
|
+ <view style="width:50%">
|
|
|
+ <text>【性 别】</text>
|
|
|
+ <text>{{ userData.sex == 1 ? '男' : '女' }}</text>
|
|
|
+ </view>
|
|
|
+ <view style="width:100%">
|
|
|
+ <text>【公 历】</text>
|
|
|
+ <text>{{ userData.birthDay }}</text>
|
|
|
+ </view>
|
|
|
+ <view style="width:100%">
|
|
|
+ <text>【农 历】</text>
|
|
|
+ <text>{{ userData.nongDay }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="table">
|
|
|
+ <view class="header">
|
|
|
+ <view class="row">
|
|
|
+ 四柱
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ 年柱
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ 月柱
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ 日柱
|
|
|
+ </view>
|
|
|
+ <view style="border: none;" class="row">
|
|
|
+ 时柱
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ style="display: flex;flex-flow: row wrap;height: 576rpx;width: 100%; border-left: 2rpx solid #006494;border-right: 4rpx solid #006494;">
|
|
|
+ <view style="color: #333;" class="body">
|
|
|
+ <view class="row">十神</view>
|
|
|
+ <view class="row">{{
|
|
|
+ userData.ganZhiProRowVoList[0][0].shiShen1 || '' + userData.ganZhiProRowVoList[0][0].shiShen2 ||
|
|
|
+ '' + userData.ganZhiProRowVoList[0][0].shiShen3 || ''
|
|
|
+ }}</view>
|
|
|
+ <view class="row">{{
|
|
|
+ userData.ganZhiProRowVoList[1][0].shiShen1 || '' + userData.ganZhiProRowVoList[1][0].shiShen2 ||
|
|
|
+ '' + userData.ganZhiProRowVoList[1][0].shiShen3 || ''
|
|
|
+ }}</view>
|
|
|
+ <view style="color: #006494;" class="row">{{ userData.ganZhiProRowVoList[2][0].shiShen1 || '' +
|
|
|
+ userData.ganZhiProRowVoList[2][0].shiShen2 || '' + userData.ganZhiProRowVoList[2][0].shiShen3 ||
|
|
|
+ '' }}
|
|
|
+ </view>
|
|
|
+ <view class="row">{{
|
|
|
+ userData.ganZhiProRowVoList[3][0].shiShen1 || '' + userData.ganZhiProRowVoList[3][0].shiShen2 ||
|
|
|
+ '' + userData.ganZhiProRowVoList[3][0].shiShen3 || ''
|
|
|
+ }}</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="body">
|
|
|
+ <view class="row">天干</view>
|
|
|
+ <view :style="{
|
|
|
+ color: userData.ganZhiProRowVoList[0][0].textColor
|
|
|
+ }" class="row">{{ userData.ganZhiProRowVoList[0][0].name }}</view>
|
|
|
+ <view :style="{
|
|
|
+ color: userData.ganZhiProRowVoList[1][0].textColor
|
|
|
+ }" class="row">{{ userData.ganZhiProRowVoList[1][0].name }}</view>
|
|
|
+ <view :style="{
|
|
|
+ color: userData.ganZhiProRowVoList[2][0].textColor
|
|
|
+ }" class="row">{{ userData.ganZhiProRowVoList[2][0].name }}</view>
|
|
|
+ <view :style="{
|
|
|
+ color: userData.ganZhiProRowVoList[3][0].textColor
|
|
|
+ }" class="row">{{ userData.ganZhiProRowVoList[3][0].name }}</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="body">
|
|
|
+ <view class="row">地支</view>
|
|
|
+ <view :style="{
|
|
|
+ color: userData.ganZhiProRowVoList[0][1].textColor
|
|
|
+ }" class="row">{{ userData.ganZhiProRowVoList[0][1].name }}</view>
|
|
|
+ <view :style="{
|
|
|
+ color: userData.ganZhiProRowVoList[1][1].textColor
|
|
|
+ }" class="row">{{ userData.ganZhiProRowVoList[1][1].name }}</view>
|
|
|
+ <view :style="{
|
|
|
+ color: userData.ganZhiProRowVoList[2][1].textColor
|
|
|
+ }" class="row">{{ userData.ganZhiProRowVoList[2][1].name }}</view>
|
|
|
+ <view :style="{
|
|
|
+ color: userData.ganZhiProRowVoList[3][1].textColor
|
|
|
+ }" class="row">{{ userData.ganZhiProRowVoList[3][1].name }}</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="body">
|
|
|
+ <view style="line-height: 154rpx;" class="row">藏干</view>
|
|
|
+ <view style="font-size: 26rpx;height: 154rpx;" class="row">{{
|
|
|
+ userData.ganZhiProRowVoList[0][1].shiShen1 }}</view>
|
|
|
+ <view style="font-size: 26rpx;height: 154rpx;" class="row">{{
|
|
|
+ userData.ganZhiProRowVoList[1][1].shiShen1 }}</view>
|
|
|
+ <view style="font-size: 26rpx;height: 154rpx;" class="row">{{
|
|
|
+ userData.ganZhiProRowVoList[2][1].shiShen1 }}</view>
|
|
|
+ <view style="font-size: 26rpx;height: 154rpx;" class="row">{{
|
|
|
+ userData.ganZhiProRowVoList[3][1].shiShen1 }}</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="body">
|
|
|
+ <view class="row">纳音</view>
|
|
|
+ <view class="row">{{ userData.ganZhiNaYinVoList[0].naYin }}</view>
|
|
|
+ <view class="row">{{ userData.ganZhiNaYinVoList[1].naYin }}</view>
|
|
|
+ <view class="row">{{ userData.ganZhiNaYinVoList[2].naYin }}</view>
|
|
|
+ <view class="row">{{ userData.ganZhiNaYinVoList[3].naYin }}</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="body">
|
|
|
+ <view class="row">空亡</view>
|
|
|
+ <view class="row">{{ userData.ganZhiKongWangVoList[0].kongWang }}</view>
|
|
|
+ <view class="row">{{ userData.ganZhiKongWangVoList[1].kongWang }}</view>
|
|
|
+ <view class="row">{{ userData.ganZhiKongWangVoList[2].kongWang }}</view>
|
|
|
+ <view class="row">{{ userData.ganZhiKongWangVoList[3].kongWang }}</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="result">
|
|
|
+ <img mode="widthFix" class="imgCircle" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/circle.png">
|
|
|
+ <view class="imgTitle"><text>喜</text><text>用</text><text>数</text><text>字</text></view>
|
|
|
+ <img mode="widthFix" class="imgHeader" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_top.png" />
|
|
|
+ <view class="result-content">
|
|
|
+ <view class="result-desc result-desc_limit">
|
|
|
+ 尊敬的朋友，请在手机号、门牌号、工号等。尽可能多选用以下数字:
|
|
|
+ 您手握着一个神奇的喜用数字：1, 2, 3, 4, 5, 6, 7, 8, 9, 0！这不仅仅是一串数字，更是您个人财运和桃花运的精彩密码。让我们一同揭示这些数字所蕴含的神秘能量吧！
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="result-pay">开通会员立即查看</view>
|
|
|
+ <!-- <img mode="widthFix" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_middle.png" /> -->
|
|
|
+ <!-- <view class="result-content-border1">
|
|
|
+ <view class="result-content-border2">
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ <img mode="widthFix" class="imgFooter" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_bottom.png" />
|
|
|
+ </view>
|
|
|
+ <view style="width: 100%;height: 55rpx;"></view>
|
|
|
+ <view class="result">
|
|
|
+ <img mode="widthFix" class="imgCircle" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/circle.png">
|
|
|
+ <view class="imgTitle"><text>易</text><text>发</text><text>疾</text><text>病</text></view>
|
|
|
+ <img mode="widthFix" class="imgHeader" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_top.png" />
|
|
|
+ <view class="result-content ">
|
|
|
+ <view class="result-desc">
|
|
|
+ 当我们关注身体健康时，了解各宫位的能量分布可以帮助我们判断可能出现的疾病。请特别留意以下身体部位可能存在的问题，并在早期进行检查，以便及时预防。
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="result-disease">
|
|
|
+ <view v-for="item in userData.diseasePartList" class="">
|
|
|
+ <text style="color: #006494;"> {{ item.part }}:</text>
|
|
|
+ <text>({{ item.degree }}) {{ item.symp }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="result-pay">开通会员立即查看</view>
|
|
|
+ <!-- <view class="result-pay">开通会员立即查看</view> -->
|
|
|
+ <!-- <img mode="widthFix" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_middle.png" /> -->
|
|
|
+ <!-- <view class="result-content-border1">
|
|
|
+ <view class="result-content-border2">
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ <img mode="widthFix" class="imgFooter" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_bottom.png" />
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+export default{
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ title: '国学',
|
|
|
+ form: {
|
|
|
+ birthDay: '1997-05-16 23:00:00',
|
|
|
+ isSave: 0,
|
|
|
+ sex: 1,
|
|
|
+ username: '张生'
|
|
|
+ },
|
|
|
+ userData: {
|
|
|
+ username: '',
|
|
|
+ sex: 1,
|
|
|
+ birthDay: '',
|
|
|
+ nongDay: '',
|
|
|
+ ganZhiProRowVoList: [[{
|
|
|
+ "gongWei": "",
|
|
|
+ "name": "",
|
|
|
+ "color": "",
|
|
|
+ "five": "",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "",
|
|
|
+ "shiShen2": '',
|
|
|
+ "shiShen3": ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "",
|
|
|
+ "name": "",
|
|
|
+ "color": "",
|
|
|
+ "five": "",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "",
|
|
|
+ "shiShen2": "",
|
|
|
+ "shiShen3": ""
|
|
|
+ }], [{
|
|
|
+ "gongWei": "",
|
|
|
+ "name": "",
|
|
|
+ "color": "",
|
|
|
+ "five": "",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "",
|
|
|
+ "shiShen2": '',
|
|
|
+ "shiShen3": ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "",
|
|
|
+ "name": "",
|
|
|
+ "color": "",
|
|
|
+ "five": "",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "",
|
|
|
+ "shiShen2": "",
|
|
|
+ "shiShen3": ""
|
|
|
+ }], [{
|
|
|
+ "gongWei": "",
|
|
|
+ "name": "",
|
|
|
+ "color": "",
|
|
|
+ "five": "",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "",
|
|
|
+ "shiShen2": '',
|
|
|
+ "shiShen3": ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "",
|
|
|
+ "name": "",
|
|
|
+ "color": "",
|
|
|
+ "five": "",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "",
|
|
|
+ "shiShen2": "",
|
|
|
+ "shiShen3": ''
|
|
|
+ }], [{
|
|
|
+ "gongWei": "",
|
|
|
+ "name": "",
|
|
|
+ "color": "",
|
|
|
+ "five": "",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "",
|
|
|
+ "shiShen2": '',
|
|
|
+ "shiShen3": ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "",
|
|
|
+ "name": "",
|
|
|
+ "color": "",
|
|
|
+ "five": "",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "",
|
|
|
+ "shiShen2": "",
|
|
|
+ "shiShen3": ''
|
|
|
+ }]],
|
|
|
+ ganZhiRowVoList: [
|
|
|
+ {
|
|
|
+ "gongWei": "年干",
|
|
|
+ "name": "丁",
|
|
|
+ "color": "红",
|
|
|
+ "five": "火",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "正印",
|
|
|
+ "shiShen2": '',
|
|
|
+ "shiShen3": ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "年支",
|
|
|
+ "name": "丑",
|
|
|
+ "color": "棕",
|
|
|
+ "five": "土",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "己（劫财）",
|
|
|
+ "shiShen2": "辛（伤官）",
|
|
|
+ "shiShen3": "癸（正财）"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "月干",
|
|
|
+ "name": "乙",
|
|
|
+ "color": "绿",
|
|
|
+ "five": "木",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "正官",
|
|
|
+ "shiShen2": '',
|
|
|
+ "shiShen3": ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "月支",
|
|
|
+ "name": "巳",
|
|
|
+ "color": "红",
|
|
|
+ "five": "火",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "丙（偏印）",
|
|
|
+ "shiShen2": "戊（比肩）",
|
|
|
+ "shiShen3": "庚（食神）"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "日干",
|
|
|
+ "name": "戊",
|
|
|
+ "color": "棕",
|
|
|
+ "five": "土",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "元男",
|
|
|
+ "shiShen2": '',
|
|
|
+ "shiShen3": ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "日支",
|
|
|
+ "name": "午",
|
|
|
+ "color": "红",
|
|
|
+ "five": "火",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "丁（正印）",
|
|
|
+ "shiShen2": "己（劫财）",
|
|
|
+ "shiShen3": ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "时干",
|
|
|
+ "name": "甲",
|
|
|
+ "color": "绿",
|
|
|
+ "five": "木",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "七杀",
|
|
|
+ "shiShen2": '',
|
|
|
+ "shiShen3": ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "gongWei": "时支",
|
|
|
+ "name": "午",
|
|
|
+ "color": "蓝",
|
|
|
+ "five": "水",
|
|
|
+ "xi": '',
|
|
|
+ "ji": '',
|
|
|
+ "shiShen1": "丁（正印）",
|
|
|
+ "shiShen2": "己（劫财）",
|
|
|
+ "shiShen3": ''
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ ganZhiNaYinVoList: [{
|
|
|
+ naYin: '',
|
|
|
+ zhu: ''
|
|
|
+ }, {
|
|
|
+ naYin: '',
|
|
|
+ zhu: ''
|
|
|
+ }, {
|
|
|
+ naYin: '',
|
|
|
+ zhu: ''
|
|
|
+ }, {
|
|
|
+ naYin: '',
|
|
|
+ zhu: ''
|
|
|
+ }],
|
|
|
+ diseasePartList: [{
|
|
|
+ degree: "轻症",
|
|
|
+ id: 9,
|
|
|
+ part: "腹部",
|
|
|
+ sex: 3,
|
|
|
+ symp: "腹部胀气、腹部痉挛"
|
|
|
+ }],
|
|
|
+ numberYunMap: {
|
|
|
+ numberYuns: '',
|
|
|
+ numberYunList: [{
|
|
|
+ caiYun: "数字1 带来独立和领导力，启示您在财务决策中追求卓越。",
|
|
|
+ id: "1",
|
|
|
+ taoHua: "1的活力能量，可能吸引到与您个性契合的人。"
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ ganZhiKongWangVoList: [{ kongWang: '', zhu: '' }, { kongWang: '', zhu: '' }, { kongWang: '', zhu: '' }, { kongWang: '', zhu: '' }]
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ api.openApi.openApiGanZhiGet8ziByDate(this.form).then(res => {
|
|
|
+ this.userData = responseDecorator.get8ziByDateDecorator(res.data.data)
|
|
|
+ console.log(this.userData)
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.bg {
|
|
|
+ background-color: #BFE2F4;
|
|
|
+ width: 100vw;
|
|
|
+ min-height: 100vh;
|
|
|
+}
|
|
|
+
|
|
|
+.content {
|
|
|
+ padding: 50rpx 50rpx;
|
|
|
+ font-weight: 600;
|
|
|
+
|
|
|
+ .user {
|
|
|
+ padding: 0 40rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table {
|
|
|
+ width: 568rpx;
|
|
|
+
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-bottom: 35rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .header {
|
|
|
+ width: 100%;
|
|
|
+ line-height: 82rpx;
|
|
|
+ border: 4rpx solid #006494;
|
|
|
+ display: flex;
|
|
|
+ text-align: center;
|
|
|
+ background: #1293D0;
|
|
|
+
|
|
|
+ .row {
|
|
|
+ width: 20%;
|
|
|
+ color: white;
|
|
|
+ border-right: 2rpx solid #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .body {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 82rpx;
|
|
|
+
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ flex-direction: row;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #A7DDF8;
|
|
|
+ border-top: none;
|
|
|
+ align-items: center;
|
|
|
+ align-content: center;
|
|
|
+ border-bottom: 2rpx solid #006494;
|
|
|
+
|
|
|
+ .row {
|
|
|
+ min-height: 82rpx;
|
|
|
+ width: 20%;
|
|
|
+ border-left: 2rpx solid #006494;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ align-content: center;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .result {
|
|
|
+ width: 653rpx;
|
|
|
+ height: auto;
|
|
|
+ margin: 0 auto;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .result-content {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 200rpx;
|
|
|
+ background-image: url("https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_middle.png");
|
|
|
+ background-size: 100%;
|
|
|
+ font-size: 30rpx;
|
|
|
+ padding: 0 120rpx;
|
|
|
+
|
|
|
+ .result-desc {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .result-desc_limit {
|
|
|
+
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis
|
|
|
+ }
|
|
|
+
|
|
|
+ .result-pay {
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 40rpx;
|
|
|
+ width: 400rpx;
|
|
|
+ text-align: center;
|
|
|
+ height: 80rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+ color: #F5EC5A;
|
|
|
+ border-radius: 40px;
|
|
|
+ border: 4rpx solid #333333;
|
|
|
+ background: #E74D26;
|
|
|
+ }
|
|
|
+
|
|
|
+ .result-disease {
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgTitle {
|
|
|
+ top: 126rpx;
|
|
|
+ position: absolute;
|
|
|
+ font-size: 48rpx;
|
|
|
+ color: #006494;
|
|
|
+ display: flex;
|
|
|
+ width: 444rpx;
|
|
|
+ justify-content: space-around;
|
|
|
+ left: 105rpx;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgHeader {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgCircle {
|
|
|
+ width: 75%;
|
|
|
+ margin: 0 auto;
|
|
|
+ top: 85rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 12.5%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgFooter {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
