You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1052 lines
21 KiB
1052 lines
21 KiB
<template>
|
|
<view class="page">
|
|
<view class="section_1">
|
|
<view class="nav-bar_1">
|
|
<view @click="goback" class="arr-right"><<<</view>
|
|
<view class="arr-left">姓名测试</view>
|
|
</view>
|
|
<view class="box_3">
|
|
<view class="text-wrapper_1">
|
|
<text lines="1" decode="true" class="text_7"> {{xing+ming}} —— 三才五格计算结果</text>
|
|
</view>
|
|
<view class="section_3">
|
|
<text lines="1" class="paragraph_1">{{xing+ming}}</text>
|
|
<text lines="1" class="paragraph_2">外格</text>
|
|
<view class="group_1">
|
|
<view style="width: 38rpx;">{{info.wai_ge}}</view>
|
|
<view style="color:#666;width: 30rpx;">总<br>格</view>
|
|
<view style="width: 38rpx;">{{info.zong_ge}}</view>
|
|
<view class="group_1mid" style="margin-left: 44rpx;">
|
|
<view>{{info.one_number}}</view>
|
|
<view>{{info.two_number}}</view>
|
|
<view>{{info.three_number}}</view>
|
|
<view>{{info.four_number}}</view>
|
|
</view>
|
|
<view class="group_1right">
|
|
<view>
|
|
<view>天格</view>
|
|
<view>{{info.tian_ge}}</view>
|
|
</view>
|
|
<view>
|
|
<view>人格</view>
|
|
<view>{{info.ren_ge}}</view>
|
|
</view>
|
|
<view>
|
|
<view>地格</view>
|
|
<view>{{info.di_ge}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="box_5">
|
|
<view class="text-wrapper_7">
|
|
<view lines="1" class="paragraph_4">{{xing+ming}}<br/></view>
|
|
<text v-for="item in info.ming" lines="1" decode="true" class="paragraph_6">{{item.name}} ({{item.wuxing}}) :{{item.yuyi}}<br/><br/></text>
|
|
</view>
|
|
<view class="text-wrapper_8">
|
|
<view lines="1" class="paragraph_7">三才（{{info.wuxing}}）数理暗示为：<br/></view>
|
|
<view lines="1" class="paragraph_10">{{info.san_cai_yu_yi}}<br/></view>
|
|
</view>
|
|
<view class="tag_3">
|
|
<view class="text-wrapper_9">
|
|
<text lines="1" class="text_21">姓名得：</text>
|
|
<text lines="1" class="text_22">{{info.score}}分</text>
|
|
</view>
|
|
<view class="font-simple">（仅供参考，非姓名测评唯一标准）</view>
|
|
</view>
|
|
<view class="text-wrapper_10">
|
|
<text lines="1" class="text_30">姓名卦象：</text>
|
|
<text lines="1" class="text_31" />
|
|
</view>
|
|
<view class="list_1" v-if="info">
|
|
<view class="list-items_1-0">
|
|
<img :src="info.tian_shi_gua.img" class="image_3-0"/>
|
|
<text lines="1" class="text_28-0">{{info.tian_shi_gua.dh}}</text>
|
|
</view>
|
|
<view class="list-items_1-2">
|
|
<img :src="info.ren_he_gua.img" class="image_3-2"/>
|
|
<text lines="1" class="text_28-2">{{info.ren_he_gua.dh}}</text>
|
|
</view>
|
|
<view class="list-items_1-1">
|
|
<img :src="info.di_li_gua.img" class="image_3-1"/>
|
|
<text lines="1" class="text_28-1">{{info.di_li_gua.dh}}</text>
|
|
</view>
|
|
|
|
</view>
|
|
<button bindtap="onClick" class="button_1">
|
|
<text lines="1" class="text_29">卦象解读 <img v-if="!info.tian_shi_gua.jx" class="text_29-1" src="../../static/phonenum/unlock.png" alt=""></text>
|
|
</button>
|
|
<block v-if="info.tian_shi_gua.jx">
|
|
<view class="headtag">
|
|
本卦
|
|
</view>
|
|
<view class="d-item">
|
|
<view> <img :src="info.tian_shi_gua.img" class="image_3-0"/></view>
|
|
<view class="d-t-name">{{info.tian_shi_gua.name}}</view>
|
|
</view>
|
|
<view class="d-t-jx" v-html="info.tian_shi_gua.jx"></view>
|
|
|
|
|
|
<view class="headtag">
|
|
互卦
|
|
</view>
|
|
<view class="d-item">
|
|
<view> <img :src="info.ren_he_gua.img" class="image_3-0"/></view>
|
|
<view class="d-t-name">{{info.ren_he_gua.name}}</view>
|
|
</view>
|
|
<view class="d-t-jx" v-html="info.ren_he_gua.jx"></view>
|
|
|
|
|
|
|
|
<view class="headtag">
|
|
变卦
|
|
</view>
|
|
<view class="d-item">
|
|
<view> <img :src="info.di_li_gua.img" class="image_3-0"/></view>
|
|
<view class="d-t-name">{{info.di_li_gua.name}}</view>
|
|
</view>
|
|
<view class="d-t-jx" v-html="info.di_li_gua.jx"></view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import * as YYApi from '@/api/yingyong'
|
|
export default {
|
|
data() {
|
|
return {
|
|
xing:'',
|
|
ming:'',
|
|
info:{}
|
|
}
|
|
},
|
|
onLoad(options)
|
|
{
|
|
var app = this;
|
|
this.xing = options.xing;
|
|
this.ming = options.ming;
|
|
YYApi.xingmingres({surname:options.xing,name:options.ming})
|
|
.then(result => {
|
|
if(result.code==403)
|
|
{
|
|
|
|
}
|
|
else
|
|
{
|
|
this.info = result.data;
|
|
console.log(this.info);
|
|
|
|
}
|
|
})
|
|
|
|
},
|
|
methods: {
|
|
goback()
|
|
{
|
|
this.$navTo('pages/yingyong/yingyong')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.d-item
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin-top: 40rpx;
|
|
}
|
|
|
|
.d-t-name
|
|
{
|
|
margin-top:20rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.d-t-jx
|
|
{
|
|
margin:60rpx 40rpx;
|
|
font-size: 24rpx;
|
|
line-height: 1.5;
|
|
}
|
|
.headtag
|
|
{
|
|
background-color: gray;
|
|
color:#fff;
|
|
padding:4rpx 8rpx;
|
|
display: inline-block;
|
|
margin-left:40rpx;
|
|
border-radius: 6rpx;
|
|
min-width: 100rpx;
|
|
text-align: center;
|
|
margin-top: 80rpx;
|
|
}
|
|
|
|
|
|
|
|
.page {
|
|
background-color: rgba(255,255,255,1.000000);
|
|
position: relative;
|
|
width: 750rpx;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.section_1 {
|
|
position: relative;
|
|
width: 750rpx;
|
|
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.box_1 {
|
|
width: 750rpx;
|
|
height: 87rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.section_2 {
|
|
width: 651rpx;
|
|
height: 22rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin: 43rpx 0 0 70rpx;
|
|
}
|
|
|
|
|
|
|
|
|
|
.text_1 {
|
|
width: 56rpx;
|
|
height: 19rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0,0,0,1);
|
|
font-size: 28rpx;
|
|
font-family: SFProText-Semibold;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin-top: 1rpx;
|
|
}
|
|
.image_1 {
|
|
width: 32rpx;
|
|
height: 20rpx;
|
|
margin: 1rpx 0 0 475rpx;
|
|
}
|
|
.image_2 {
|
|
width: 29rpx;
|
|
height: 20rpx;
|
|
margin-left: 9rpx;
|
|
}
|
|
.box_2 {
|
|
height: 22rpx;
|
|
|
|
margin-left: 9rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 41rpx;
|
|
}
|
|
.block_1 {
|
|
background-color: rgba(0,0,0,1.000000);
|
|
border-radius: 2rpx;
|
|
width: 34rpx;
|
|
height: 14rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 4rpx 0 0 4rpx;
|
|
}
|
|
.nav-bar_1 {
|
|
height: 60rpx;
|
|
display: flex;
|
|
width: 750rpx;
|
|
margin: 26rpx 0 20rpx 0;
|
|
color: rgba(230, 0, 18, 1);
|
|
font-size: 40rpx;
|
|
padding: 0 30rpx;
|
|
}
|
|
|
|
.nav-bar_1>view {
|
|
display: inline-block;
|
|
}
|
|
|
|
.arr-right {
|
|
margin-right: 180rpx;
|
|
}
|
|
.text_2 {
|
|
width: 368rpx;
|
|
height: 40rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(230,0,18,1);
|
|
font-size: 40rpx;
|
|
font-family: FZQKBYSJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 40rpx;
|
|
margin: 34rpx 0 0 80rpx;
|
|
}
|
|
|
|
.box_3 {
|
|
width: 704rpx;
|
|
background: url(../../static/phonenum/top.png) 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
padding-bottom: 40rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin:0 auto;
|
|
}
|
|
.text-wrapper_1 {
|
|
height: 90rpx;
|
|
background: url(../../static/xingming/titlebg.png) 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 700rpx;
|
|
margin: 20rpx 0 0 1rpx;
|
|
}
|
|
.text_7 {
|
|
width: 398rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255,255,255,1);
|
|
font-size: 28rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
padding:20rpx 0;
|
|
margin: 10rpx 0 0 46rpx;
|
|
}
|
|
.section_3 {
|
|
width: 579rpx;
|
|
height: 229rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin: 28rpx 0 0 63rpx;
|
|
}
|
|
.paragraph_1 {
|
|
width: 45rpx;
|
|
height: 167rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34,24,21,1);
|
|
font-size: 50rpx;
|
|
font-family: FZQKBYSJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
line-height: 59rpx;
|
|
margin-top: 38rpx;
|
|
}
|
|
.paragraph_2 {
|
|
width: 30rpx;
|
|
height: 228rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(194,75,150,1);
|
|
font-size: 24rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
margin: 0 0 0 59rpx;
|
|
writing-mode: vertical-lr;
|
|
}
|
|
.group_1 {
|
|
height: 229rpx;
|
|
background: url(../../static/xingming/top.png) 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-left: 2rpx;
|
|
width: 452rpx;
|
|
color: #fff;
|
|
display: flex;
|
|
}
|
|
|
|
.group_1mid{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
height: 100%;
|
|
}
|
|
|
|
.group_1mid>view
|
|
{
|
|
width:56rpx;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
color: #fff;
|
|
}
|
|
|
|
.group_1>view
|
|
{
|
|
align-self: center;
|
|
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.group_1right
|
|
{
|
|
margin-left: 110rpx;
|
|
height: 160rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.group_1right>view
|
|
{
|
|
display: flex;
|
|
width: 136rpx;
|
|
padding:0 10rpx;
|
|
height: 44rpx;
|
|
line-height: 44rpx;
|
|
justify-content: space-between;
|
|
color: #333;
|
|
}
|
|
|
|
|
|
.text-wrapper_2 {
|
|
width: 32rpx;
|
|
height: 25rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: 14rpx 0 0 161rpx;
|
|
}
|
|
.text_8 {
|
|
width: 32rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255,255,255,1);
|
|
font-size: 30rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 30rpx;
|
|
}
|
|
.text-wrapper_3 {
|
|
width: 91rpx;
|
|
height: 25rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 6rpx 0 0 338rpx;
|
|
}
|
|
.text_9 {
|
|
width: 46rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0,0,0,1);
|
|
font-size: 26rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
}
|
|
.text_10 {
|
|
width: 22rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0,0,0,1);
|
|
font-size: 26rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
margin-top: 1rpx;
|
|
}
|
|
.box_4 {
|
|
width: 421rpx;
|
|
height: 85rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin: 1rpx 0 0 8rpx;
|
|
}
|
|
.text_11 {
|
|
width: 21rpx;
|
|
height: 18rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255,255,255,1);
|
|
font-size: 22rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
margin-top: 35rpx;
|
|
}
|
|
.paragraph_3 {
|
|
width: 21rpx;
|
|
height: 52rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0,0,0,1);
|
|
font-size: 24rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
line-height: 24rpx;
|
|
margin: 18rpx 0 0 18rpx;
|
|
}
|
|
.text_12 {
|
|
width: 23rpx;
|
|
height: 18rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255,255,255,1);
|
|
font-size: 22rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
margin: 35rpx 0 0 7rpx;
|
|
}
|
|
.text-wrapper_4 {
|
|
width: 34rpx;
|
|
height: 85rpx;
|
|
margin-left: 65rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
.text_13 {
|
|
width: 34rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255,255,255,1);
|
|
font-size: 30rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 30rpx;
|
|
}
|
|
.text_14 {
|
|
width: 30rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255,255,255,1);
|
|
font-size: 30rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 30rpx;
|
|
margin-top: 35rpx;
|
|
}
|
|
.text_15 {
|
|
width: 46rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0,0,0,1);
|
|
font-size: 26rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
margin: 32rpx 0 0 141rpx;
|
|
}
|
|
.text_16 {
|
|
width: 24rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0,0,0,1);
|
|
font-size: 26rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
margin: 33rpx 0 0 21rpx;
|
|
}
|
|
.text-wrapper_5 {
|
|
width: 94rpx;
|
|
height: 25rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 5rpx 0 0 338rpx;
|
|
}
|
|
.text_17 {
|
|
width: 46rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0,0,0,1);
|
|
font-size: 26rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
}
|
|
.text_18 {
|
|
width: 27rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0,0,0,1);
|
|
font-size: 26rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
margin-top: 1rpx;
|
|
}
|
|
.text-wrapper_6 {
|
|
width: 34rpx;
|
|
height: 25rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: 1rpx 0 17rpx 163rpx;
|
|
}
|
|
.text_19 {
|
|
width: 34rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255,255,255,1);
|
|
font-size: 30rpx;
|
|
font-family: FZLTHK--GBK1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 30rpx;
|
|
}
|
|
.tag_1 {
|
|
width: 112rpx;
|
|
height: 37rpx;
|
|
margin: 160rpx 0 0 39rpx;
|
|
}
|
|
.text-wrapper_7 {
|
|
width: 610rpx;
|
|
overflow-wrap: break-word;
|
|
font-size: 0rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
line-height: 26rpx;
|
|
margin: 40rpx 0 0 47rpx;
|
|
}
|
|
.paragraph_4 {
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
background-color: gray;
|
|
padding:0 8rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
display: inline-block;
|
|
border-radius: 8rpx;
|
|
}
|
|
.paragraph_5 {
|
|
width: 610rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 24, 21, 1);
|
|
font-size: 24rpx;
|
|
font-family: SimHei;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
line-height: 40rpx;
|
|
margin-top:20rpx;
|
|
display: inline-block;
|
|
}
|
|
.paragraph_6 {
|
|
width: 610rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 24, 21, 1);
|
|
font-size: 24rpx;
|
|
font-family: SimHei;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
line-height: 40rpx;
|
|
display: inline-block;
|
|
margin-top: 20rpx;
|
|
}
|
|
.tag_2 {
|
|
width: 315rpx;
|
|
height: 37rpx;
|
|
margin: 27rpx 0 0 39rpx;
|
|
}
|
|
.text-wrapper_8 {
|
|
width: 598rpx;
|
|
overflow-wrap: break-word;
|
|
font-size: 0rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
line-height: 24rpx;
|
|
margin: 20rpx 0 0 40rpx;
|
|
}
|
|
.paragraph_7 {
|
|
display:inline-block;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
background-color: gray;
|
|
padding:0 8rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
margin-bottom: 20rpx;
|
|
border-radius: 6rpx;
|
|
}
|
|
.paragraph_8 {
|
|
width: 598rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 24, 21, 1);
|
|
font-size: 24rpx;
|
|
font-family: SimHei;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
line-height: 26rpx;
|
|
}
|
|
.text_20 {
|
|
width: 598rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 6rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
}
|
|
.paragraph_9 {
|
|
width: 598rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
}
|
|
.paragraph_10 {
|
|
width: 598rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 24, 21, 1);
|
|
font-size: 24rpx;
|
|
font-family: SimHei;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
line-height: 1.5;}
|
|
.tag_3 {
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 34rpx 0 66rpx 39rpx;
|
|
|
|
}
|
|
.text-wrapper_9 {
|
|
overflow-wrap: break-word;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin: 7rpx 0 0 0;
|
|
border-radius: 6rpx;
|
|
background-color: gray;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
padding:0 8rpx;
|
|
display: inline-block;
|
|
}
|
|
.text_21 {
|
|
width: 176rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.text_22 {
|
|
width: 176rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 204, 0, 1);
|
|
font-size: 24rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
.text_23 {
|
|
width: 176rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
.text_24 {
|
|
width: 176rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 24, 21, 1);
|
|
font-size: 24rpx;
|
|
font-family: SimHei;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
}
|
|
.text_25 {
|
|
width: 176rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 6rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
}
|
|
.text_26 {
|
|
width: 176rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
.text_27 {
|
|
width: 176rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 24, 21, 1);
|
|
font-size: 24rpx;
|
|
font-family: SimHei;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
.box_5 {
|
|
width: 704rpx;
|
|
flex-direction: column;
|
|
margin:40rpx auto 0 auto;
|
|
background: url(../../static/phonenum/bottom.png) 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.list_1 {
|
|
width: 565rpx;
|
|
height: 210rpx;
|
|
flex-direction: row;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 70rpx auto 0 auto;
|
|
}
|
|
.list-items_1-0 {
|
|
width: 142rpx;
|
|
height: 210rpx;
|
|
margin-right: 70rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
.image_3-0 {
|
|
width: 142rpx;
|
|
height: 149rpx;
|
|
}
|
|
.text_28-0 {
|
|
height: 27rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(230,0,18,1);
|
|
font-size: 36rpx;
|
|
font-family: FZCHSJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
line-height: 36rpx;
|
|
margin: 34rpx 0 0 0;
|
|
}
|
|
.list-items_1-1 {
|
|
width: 142rpx;
|
|
height: 210rpx;
|
|
margin-right: 70rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
.image_3-1 {
|
|
width: 142rpx;
|
|
height: 149rpx;
|
|
}
|
|
.text_28-1 {
|
|
height: 27rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(230,0,18,1);
|
|
font-size: 36rpx;
|
|
font-family: FZCHSJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
line-height: 36rpx;
|
|
margin: 34rpx 0 0 0;
|
|
}
|
|
.list-items_1-2 {
|
|
width: 142rpx;
|
|
height: 210rpx;
|
|
margin-right: 70rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
.image_3-2 {
|
|
width: 142rpx;
|
|
height: 149rpx;
|
|
}
|
|
.text_28-2 {
|
|
height: 27rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(230,0,18,1);
|
|
font-size: 36rpx;
|
|
font-family: FZCHSJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
line-height: 36rpx;
|
|
margin: 34rpx 0 0 21rpx;
|
|
}
|
|
.button_1 {
|
|
height: 51rpx;
|
|
background-color: brown;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 562rpx;
|
|
margin: 32rpx auto 38rpx auto;
|
|
}
|
|
.text_29 {
|
|
width: 100%;
|
|
height: 51rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255,255,255,1);
|
|
font-size: 30rpx;
|
|
font-family: FZQKBYSJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
line-height: 51rpx;
|
|
|
|
}
|
|
|
|
.text_29-1
|
|
{
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
|
|
.tag_4 {
|
|
height: 37rpx;
|
|
background-color: gray;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 124rpx;
|
|
position: absolute;
|
|
left: 64rpx;
|
|
top: -5rpx;
|
|
}
|
|
.text-wrapper_10 {
|
|
width: 104rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
font-size: 0rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin: 7rpx 0 0 8rpx;
|
|
}
|
|
.text_30 {
|
|
width: 104rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
background-color: gray;
|
|
margin-left:34rpx;
|
|
padding: 4rpx 10rpx;
|
|
border-radius: 6rpx;
|
|
}
|
|
.text_31 {
|
|
width: 104rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 24, 21, 1);
|
|
font-size: 24rpx;
|
|
font-family: SimHei;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
}
|
|
.text_32 {
|
|
width: 104rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 6rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
}
|
|
.text_33 {
|
|
width: 104rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: FZCQJW--GB1-0;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
.text_34 {
|
|
width: 104rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 24, 21, 1);
|
|
font-size: 24rpx;
|
|
font-family: SimHei;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
|
|
.font-simple
|
|
{
|
|
font-size: 24rpx;
|
|
margin-left: 20rpx;
|
|
color:#999;
|
|
}
|
|
</style>
|
|
|