|
|
@@ -1,5 +1,26 @@
|
|
|
<template>
|
|
|
<view :data-theme="theme" class="bg">
|
|
|
+ <view style="width: 100%;height: 35rpx;"></view>
|
|
|
+ <view :data-theme="theme" class="score">
|
|
|
+ <view :data-theme="theme" class="score-outer">
|
|
|
+ <view :data-theme="theme" class="score-inner">
|
|
|
+ <view style="display: flex;align-items: center;justify-content: center;padding-top: 24rpx;">
|
|
|
+ <text
|
|
|
+ style="position: absolute;left: 338rpx;color: #fff;font-size: 48rpx;font-weight: bold;bottom: 128rpx;">{{
|
|
|
+ userData.riYuan.qr }}</text>
|
|
|
+ <text style="position: absolute;left: 112rpx;font-size: 44rpx;color: #CB2C00;font-weight: bold;">{{
|
|
|
+ userData.riYuan.score }}</text>
|
|
|
+ <image class="score-inner-ring" mode="widthFix" src="/static/icon/ring@2x.png"></image>
|
|
|
+ <image mode="widthFix" class="score-inner-seal" src="/static/icon/seal@2x.png"></image>
|
|
|
+ </view>
|
|
|
+ <text class="score-inner-text1">身强身弱,不代表好坏,具体请看详解</text>
|
|
|
+ <image mode="widthFix" class="score-inner-icon1"
|
|
|
+ :src="'/static/icon/' + theme + '_bzmp_long_rect@2x.png'">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
<!-- <button @click="pay">支付</button> -->
|
|
|
<view class="categorys">
|
|
|
<view style="width:100%">
|
|
|
@@ -17,6 +38,10 @@
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
+
|
|
|
+ <view :data-theme="theme" v-if="goodsStatus.isPay == 0" @click="pay" class="pay">
|
|
|
+ <view class="pay-button"> 开通会员立即查看</view>
|
|
|
+ </view>
|
|
|
<scroll-view :scroll-into-view="currentPoint" :scroll-with-animation="false" :scroll-y="true" class="content">
|
|
|
<view id="bzmp" class="user">
|
|
|
<view style="width:50%">
|
|
|
@@ -148,13 +173,15 @@
|
|
|
<!-- <div v-for="(item, index) in userData.guoGuanMap" :key="index">{{ index }}.{{ item }}</div> -->
|
|
|
<m-map-blur :begin="2" :isBlur="goodsStatus.isPay == 0" :map="userData.guoGuanMap"></m-map-blur>
|
|
|
</view>
|
|
|
- <view @click="pay" 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> -->
|
|
|
+ <m-more-alert :theme="theme"></m-more-alert>
|
|
|
</view>
|
|
|
+
|
|
|
<img mode="widthFix" class="imgFooter"
|
|
|
:src="'https://ndata.zzxcx.net/xpgx-xcx/forecast/reportBg/bg_' + theme + '_bottom@2x.png'" />
|
|
|
</view>
|
|
|
@@ -206,7 +233,29 @@
|
|
|
<img mode="widthFix" class="imgFooter"
|
|
|
:src="'https://ndata.zzxcx.net/xpgx-xcx/forecast/reportBg/bg_' + theme + '_bottom@2x.png'" />
|
|
|
</view>
|
|
|
+ <view id="zngx" class="result">
|
|
|
+ <img mode="widthFix" class="imgCircle" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/circle.png">
|
|
|
+ <view :data-theme="theme" class="imgTitle"><text>子</text><text>女</text><text>关</text><text>系</text></view>
|
|
|
+ <img mode="widthFix" class="imgHeader"
|
|
|
+ :src="'https://ndata.zzxcx.net/xpgx-xcx/forecast/reportBg/bg_' + theme + '_top@2x.png'" />
|
|
|
+ <view class="result-content" :data-theme="theme">
|
|
|
+ <view class="result-desc">
|
|
|
+ <m-map-blur :isBlur="goodsStatus.isPay == 0" :map="userData.ziNvYun"></m-map-blur>
|
|
|
+ <!-- <div v-for="(item,index) in userData.qingGan" :key="item">{{index}}.{{ item }}</div> -->
|
|
|
+
|
|
|
+
|
|
|
|
|
|
+ </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/reportBg/bg_' + theme + '_bottom@2x.png'" />
|
|
|
+ </view>
|
|
|
<view style="width: 100%;height: 35rpx;"></view>
|
|
|
<view id="wxpy" class="result">
|
|
|
<img mode="widthFix" class="imgCircle" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/circle.png">
|
|
|
@@ -254,21 +303,31 @@
|
|
|
:src="'https://ndata.zzxcx.net/xpgx-xcx/forecast/reportBg/bg_' + theme + '_top@2x.png'" />
|
|
|
<view class="result-content" :data-theme="theme">
|
|
|
<view class="result-desc">
|
|
|
- <view v-for="item in userData.numberYunMap.numberYunList"
|
|
|
+ <m-number-blur :isBlur="goodsStatus.isPay == 0" :theme="theme"
|
|
|
+ :list="userData.numberYunMap.numberYunList"></m-number-blur>
|
|
|
+ <!-- <view v-for="(item,index) in userData.numberYunMap.numberYunList"
|
|
|
style="position: relative;margin-bottom: 10px;" class="">
|
|
|
- <image class="result-desc-icon1" mode="widthFix"
|
|
|
- :src="'/static/icon/' + theme + '_xysz_rect@2x.png'" />
|
|
|
- <view class="result-desc-lucktext">数字{{ item.id }}</view>
|
|
|
- <text>
|
|
|
- {{ item.caiYun }}
|
|
|
- </text>
|
|
|
- <view>
|
|
|
- {{ item.taoHua }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- 选用<text :data-theme="theme" class="result-desc-color">{{ userData.numberYunMap.numberYuns
|
|
|
- }}</text> 为电话号码，门牌号、车牌号等。
|
|
|
+
|
|
|
+ <image class="result-desc-icon1" mode="widthFix"
|
|
|
+ :src="'/static/icon/' + theme + '_xysz_rect@2x.png'" />
|
|
|
+ <view class="result-desc-lucktext">数字{{ item.id }}</view>
|
|
|
+ <text>
|
|
|
+ {{ item.caiYun }}
|
|
|
+ </text>
|
|
|
+ <view>
|
|
|
+ {{ item.taoHua }}
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ </view> -->
|
|
|
+
|
|
|
+ <view :class="{
|
|
|
+ 'blur-heavy': goodsStatus.isPay == 0
|
|
|
+ }">
|
|
|
+ 选用<text :class="{
|
|
|
+ 'blur-heavy': goodsStatus.isPay == 0
|
|
|
+ }" :data-theme="theme" class="result-desc-color">{{ userData.numberYunMap.numberYuns
|
|
|
+}}</text> 为电话号码，门牌号、车牌号等。
|
|
|
</view>
|
|
|
|
|
|
|
|
|
@@ -346,10 +405,8 @@
|
|
|
<view class="result-content" :data-theme="theme">
|
|
|
<view class="result-desc">
|
|
|
<view class="result-disease">
|
|
|
- <view v-for="(item, index) in userData.diseasePartList" class="">
|
|
|
- <text> {{ item.part }}:</text>
|
|
|
- <text> {{ item.symp }}</text>
|
|
|
- </view>
|
|
|
+ <m-disease-blur :isBlur="goodsStatus.isPay == 0"
|
|
|
+ :list="userData.diseasePartList"></m-disease-blur>
|
|
|
</view>
|
|
|
|
|
|
|
|
|
@@ -495,6 +552,9 @@ import api from '@/api'
|
|
|
import responseDecorator from '@/utils/responseDecorator'
|
|
|
import mMapBlur from '@/components/m-map-blur/m-map-blur.vue'
|
|
|
import mLineBlur from '@/components/m-line-blur/m-line-blur.vue'
|
|
|
+import mDiseaseBlur from '@/components/m-disease-blur/m-disease-blur.vue'
|
|
|
+import mNumberBlur from '@/components/m-number-blur/m-number-blur.vue'
|
|
|
+import mMoreAlert from '@/components/m-more-alert/m-more-alert.vue'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -515,6 +575,7 @@ export default {
|
|
|
{ text: '个人特点', point: 'grtd' },
|
|
|
{ text: '财运分析', point: 'cyfx' },
|
|
|
{ text: '婚姻情感', point: 'hyqg' },
|
|
|
+ { text: '子女关系', point: 'zngx' },
|
|
|
{ text: '五行评语', point: 'wxpy' },
|
|
|
// { text: '潮湿平衡', point: 'csph' },
|
|
|
{ text: '喜用数字', point: 'xysz' },
|
|
|
@@ -541,6 +602,12 @@ export default {
|
|
|
称骨评语: "",
|
|
|
称骨重量: "",
|
|
|
},
|
|
|
+ riYuan: {
|
|
|
+ qr: "木强",
|
|
|
+ score: 60,
|
|
|
+ xiYong: ["火", "土"],
|
|
|
+ xiYongOld: ["火", "土"]
|
|
|
+ },
|
|
|
sex: 1,
|
|
|
birthday: '',
|
|
|
nongDay: '',
|
|
|
@@ -816,9 +883,9 @@ export default {
|
|
|
...res.data,
|
|
|
complete: () => {
|
|
|
uni.showToast({
|
|
|
- title:'查询支付结果',
|
|
|
- icon:'loading',
|
|
|
- duration:3000
|
|
|
+ title: '查询支付结果',
|
|
|
+ icon: 'loading',
|
|
|
+ duration: 3000
|
|
|
})
|
|
|
setTimeout(() => {
|
|
|
api.order.studentBirthdayLog({
|
|
|
@@ -848,18 +915,15 @@ export default {
|
|
|
},
|
|
|
components: {
|
|
|
mMapBlur,
|
|
|
- mLineBlur
|
|
|
+ mDiseaseBlur,
|
|
|
+ mLineBlur,
|
|
|
+ mNumberBlur,
|
|
|
+ mMoreAlert
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.bg {
|
|
|
- width: 100vw;
|
|
|
- height: 100vh;
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
[data-theme=blue].bg {
|
|
|
background-color: #BFE2F4;
|
|
|
|
|
|
@@ -885,6 +949,213 @@ export default {
|
|
|
|
|
|
}
|
|
|
|
|
|
+.bg {
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ position: relative;
|
|
|
+ overflow-y: scroll;
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=blue].pay {
|
|
|
+ background-color: #BFE2F4;
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=yellow].pay {
|
|
|
+ background-color: #FFEEBD;
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=brown].pay {
|
|
|
+ background-color: #996235;
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=red].pay {
|
|
|
+ background-color: #FC6363;
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=green].pay {
|
|
|
+ background-color: #74D597;
|
|
|
+}
|
|
|
+
|
|
|
+.pay {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0rpx;
|
|
|
+ z-index: 999;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ align-content: center;
|
|
|
+
|
|
|
+ padding-bottom: constant(safe-area-inset-bottom); //为底下圆弧的高度 34px
|
|
|
+ padding-bottom: env(safe-area-inset-bottom); //为底下圆弧的高度 34px
|
|
|
+
|
|
|
+ .pay-button {
|
|
|
+ margin: 15rpx auto;
|
|
|
+ border: 4rpx solid #333333;
|
|
|
+ background: #E74D26;
|
|
|
+ width: 400rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+ border-radius: 10px;
|
|
|
+ color: #F5EC5A;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ //
|
|
|
+ // margin-top: 40rpx;
|
|
|
+ //
|
|
|
+ //
|
|
|
+ //
|
|
|
+ //
|
|
|
+ //
|
|
|
+ //
|
|
|
+ //
|
|
|
+ //
|
|
|
+ // left: 50%;
|
|
|
+ // transform: translateX(-50%);
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=blue] .score {
|
|
|
+ border: 3px solid #006494;
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=yellow] .score {
|
|
|
+
|
|
|
+ border: 3px solid #D19C03;
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=brown] .score {
|
|
|
+
|
|
|
+ border: 3px solid #70390D;
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=red] .score {
|
|
|
+
|
|
|
+ border: 3px solid #A42705;
|
|
|
+}
|
|
|
+
|
|
|
+[data-theme=green] .score {
|
|
|
+
|
|
|
+ border: 3px solid #519669;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.score {
|
|
|
+ width: 608rpx;
|
|
|
+ height: 296rpx;
|
|
|
+ border: 3px solid transparent;
|
|
|
+ margin: 0 auto;
|
|
|
+
|
|
|
+ [data-theme=blue] .score-outer {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #006494;
|
|
|
+ padding: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ [data-theme=yellow].score-outer {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #D19C03;
|
|
|
+ padding: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ [data-theme=brown].score-outer {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #70390D;
|
|
|
+ padding: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ [data-theme=red].score-outer {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #A42705;
|
|
|
+ padding: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ [data-theme=green].score-outer {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #519669;
|
|
|
+ padding: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .score-outer {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: transparent;
|
|
|
+ padding: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ [data-theme=blue] .score-inner {
|
|
|
+ background-color: #DDF3FE;
|
|
|
+ }
|
|
|
+
|
|
|
+ [data-theme=yellow] .score-inner {
|
|
|
+ background-color: #FFF2CC;
|
|
|
+ }
|
|
|
+
|
|
|
+ [data-theme=brown] .score-inner {
|
|
|
+ background-color: #E2CBB8;
|
|
|
+ }
|
|
|
+
|
|
|
+ [data-theme=red] .score-inner {
|
|
|
+ background-color: #FDCECE;
|
|
|
+ }
|
|
|
+
|
|
|
+ [data-theme=green] .score-inner {
|
|
|
+ background-color: #C7FECA;
|
|
|
+ }
|
|
|
+
|
|
|
+ .score-inner {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #FFF2CC;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .score-inner-icon1 {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 10rpx;
|
|
|
+ width: 528rpx;
|
|
|
+ left: 19rpx;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .score-inner-text1 {
|
|
|
+ position: absolute;
|
|
|
+ color: #000;
|
|
|
+ font-size: 30rpx;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ bottom: 25rpx;
|
|
|
+ left: 0;
|
|
|
+ font-weight: bold;
|
|
|
+ z-index: 12;
|
|
|
+ }
|
|
|
+
|
|
|
+ .score-inner-ring {
|
|
|
+ width: 137rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .score-inner-seal {
|
|
|
+ width: 222rpx;
|
|
|
+ margin-left: 74rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.blur-heavy {
|
|
|
+ color: transparent !important;
|
|
|
+ text-shadow: 2rpx 2rpx 16rpx #000000;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
.categorys::-webkit-scrollbar {
|
|
|
display: none;
|
|
|
}
|
