|
|
|
|
@ -1,67 +1,126 @@
|
|
|
|
|
|
|
|
|
|
<swiper class="call" bindtap="closeEnergy">
|
|
|
|
|
<swiper-item class="call1"><!--单人页面-->
|
|
|
|
|
<t-image class="tx" src="{{userInfo.avatar}}"></t-image>
|
|
|
|
|
<view class="txtext">{{userInfo.nick}}</view><!--头像名字-->
|
|
|
|
|
<view class="gh"></view>
|
|
|
|
|
|
|
|
|
|
<div class="bkg3"></div><!--点点点,最底层背景图-->
|
|
|
|
|
<dic class="bkg1"></dic><!--黄色点背景图-->
|
|
|
|
|
<view class="gh"></view>
|
|
|
|
|
<t-toast id="t-toast" />
|
|
|
|
|
<!--单人页面-->
|
|
|
|
|
<swiper-item class="call1">
|
|
|
|
|
<!--头像名字-->
|
|
|
|
|
<view class="call1-header">
|
|
|
|
|
<image class="tx" src="{{elfAvatar}}"></image>
|
|
|
|
|
<view class="txtext">{{userInfo.nick ? userInfo.nick : userInfo.constellation}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 精灵图片 -->
|
|
|
|
|
<view class="bkg1">
|
|
|
|
|
<view class="bkg2">
|
|
|
|
|
<view class="bkg3">
|
|
|
|
|
<view class="bkg4">
|
|
|
|
|
<view class="bkg5">
|
|
|
|
|
<view class="xxt" bindtap="ShowOrNotLogo">
|
|
|
|
|
<image src="{{xingxiangtu[userInfo.spriteType]}}"></image>
|
|
|
|
|
<image mode="heightFix" src="{{xingxiangtu[userInfo.spriteType]}}"></image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="yan1" wx:if="{{showSexLogo}}" data-yan="animal" bindtap="doSetXxtAnimal"><!--动物形象-->
|
|
|
|
|
<view class="yan11"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="yan2" wx:if="{{showSexLogo}}" data-yan="male" bindtap="doSetXxtMale"><!--男性形象-->
|
|
|
|
|
<view class="yan12"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="yan3" wx:if="{{showSexLogo}}" data-yan="female" bindtap="doSetXxtFemale"><!--女性形象-->
|
|
|
|
|
<view class="yan13"></view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<view class="gh"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 底部图标 -->
|
|
|
|
|
<view class="call1-btn">
|
|
|
|
|
<!--下方左侧块-->
|
|
|
|
|
<view class="dcleft">
|
|
|
|
|
|
|
|
|
|
<t-progress class="dcleft1" theme="circle" percentage="{{userInfo.crystallineEnergy}}" color="#f76229" label="" t-class-bar="dcleft1" />
|
|
|
|
|
<t-progress
|
|
|
|
|
class="dcleft1"
|
|
|
|
|
theme="circle"
|
|
|
|
|
percentage="{{userInfo.crystallineEnergy}}"
|
|
|
|
|
color="#f76229" label=""
|
|
|
|
|
t-class-bar="dcleft1"
|
|
|
|
|
stroke-width="10rpx"
|
|
|
|
|
/>
|
|
|
|
|
<view class="dcbs"></view>
|
|
|
|
|
</view><!--下方左侧块-->
|
|
|
|
|
<!--下方左侧块-->
|
|
|
|
|
<t-progress class="dchx" percentage="{{userInfo.crystallineEnergy}}" trackColor="#EAC9FF" color="#f76229" label=""/><!--中间进度条-->
|
|
|
|
|
<view class="dclefttxt">水晶能量</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!--中间进度条-->
|
|
|
|
|
<view class="dcleft-middle">
|
|
|
|
|
<t-progress
|
|
|
|
|
class="dchx"
|
|
|
|
|
percentage="{{userInfo.crystallineEnergy}}"
|
|
|
|
|
trackColor="#E0E3EA"
|
|
|
|
|
color="#f76229"
|
|
|
|
|
label=""
|
|
|
|
|
stroke-width="16rpx"
|
|
|
|
|
/>
|
|
|
|
|
<view class="dchx-box">
|
|
|
|
|
<view class="dchx-box-cantainer" wx:if="{{showInjectBkc}}">
|
|
|
|
|
<view class="box" wx:for="{{20}}" wx:key="index"></view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="dchxtxt">{{userInfo.crystallineEnergy}}%</view>
|
|
|
|
|
<t-progress class="dcright1" theme="circle" percentage="{{userInfo.pendantEnergy}}" color="#FBB093" label="" t-class-bar="dcleft1" />
|
|
|
|
|
<view class="dcright">
|
|
|
|
|
<view class="dcrightwjx" bindtap="openInject"></view><!--下方右侧五角星-->
|
|
|
|
|
</view><!--下方左侧块-->
|
|
|
|
|
</view>
|
|
|
|
|
<!--下方左侧块-->
|
|
|
|
|
<view class="dcleft-right">
|
|
|
|
|
<view class="dcright-bgc">
|
|
|
|
|
<view class="dcright-bg" wx:if="{{showInjectBkc}}"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="dcright" bind:touchstart="openInject" bind:touchend="closeInject"><view class="dcrightwjx"></view></view>
|
|
|
|
|
<view class="dcrighttxt">能量注入</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 形象按钮 -->
|
|
|
|
|
<view class="call1-vivid" wx:if="{{showSexLogo}}" >
|
|
|
|
|
<!--男性形象-->
|
|
|
|
|
<view
|
|
|
|
|
class="yan2"
|
|
|
|
|
data-yan="male"
|
|
|
|
|
bindtap="doSetXxtMale"
|
|
|
|
|
>
|
|
|
|
|
<view class="yan12"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<!--动物形象-->
|
|
|
|
|
<view class="yan1"
|
|
|
|
|
data-yan="animal"
|
|
|
|
|
bindtap="doSetXxtAnimal"
|
|
|
|
|
>
|
|
|
|
|
<view class="yan11"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<!--女性形象-->
|
|
|
|
|
<view
|
|
|
|
|
class="yan3"
|
|
|
|
|
data-yan="female"
|
|
|
|
|
bindtap="doSetXxtFemale"
|
|
|
|
|
>
|
|
|
|
|
<view class="yan13"></view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 能量已满提示 -->
|
|
|
|
|
<view class="energy-full" wx:if="{{userInfo.crystallineEnergy===100}}">
|
|
|
|
|
<view class="energy-full-box" wx:if="{{ jmEnergy }}" bindtap="closeJmEnergy">
|
|
|
|
|
<view class="energy-full">
|
|
|
|
|
<view>能量已经集满啦!</view>
|
|
|
|
|
<view>可以注入到水晶中</view>
|
|
|
|
|
<view>增强运势哦!</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 能量注入成功提示 -->
|
|
|
|
|
<view class="energy-complete" wx:if="{{showScsEnergy}}">
|
|
|
|
|
<view>能量已注入100%</view>
|
|
|
|
|
<view>守护时间为08小时00分</view>
|
|
|
|
|
<view>能量已注入{{crystallineEnergy}}%</view>
|
|
|
|
|
<view>守护时间为{{guarTime}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="dclefttxt">水晶能量</view><!--下方左侧块-->
|
|
|
|
|
<view class="dcrighttxt">能量注入</view><!--下方左侧块-->
|
|
|
|
|
</swiper-item>
|
|
|
|
|
|
|
|
|
|
<swiper-item class="call1" wx:if='{{userInfo.loverId}}'><!--情侣页面-->
|
|
|
|
|
<!-- 未祈祷页面 -->
|
|
|
|
|
<view wx:if="{{ !userInfo.prayerEndTime }}">
|
|
|
|
|
<!--情侣页面-->
|
|
|
|
|
<swiper-item class="call1" wx:if='{{userInfo.loverId}}'>
|
|
|
|
|
<!--未祈祷头像名字-->
|
|
|
|
|
<view class="call1-header" wx:if="{{ !userInfo.prayerEndTime }}">
|
|
|
|
|
<!-- 我的名字和头像 -->
|
|
|
|
|
<view class="txtextl">{{userInfo.nick}}</view>
|
|
|
|
|
<t-image class="txl" src="{{userInfo.avatar}}"></t-image>
|
|
|
|
|
<view class="txtextl">{{userInfo.nick}}</view><!--头像名字1-->
|
|
|
|
|
<view class="jiuchan"></view>
|
|
|
|
|
<t-image class="txr" shape="circle" src="{{loverInfo.avatar}}"></t-image><!--头像2-->
|
|
|
|
|
<view class="txtextr">{{loverInfo.nick}}</view><!--头像名字2-->
|
|
|
|
|
<!-- 情侣名字和头像 -->
|
|
|
|
|
<t-image class="txr" shape="circle" src="{{loverInfo.avatar}}"></t-image>
|
|
|
|
|
<view class="txtextr">{{loverInfo.nick}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 有祈祷页面 -->
|
|
|
|
|
<view wx:else>
|
|
|
|
|
<t-image class="txl txl-qd" src="{{userInfo.avatar}}"></t-image>
|
|
|
|
|
<!--已祈祷头像名字-->
|
|
|
|
|
<view class="call1-header" wx:else>
|
|
|
|
|
<t-image class="txl" src="{{userInfo.avatar}}"></t-image>
|
|
|
|
|
<view class="txtextl-qd">
|
|
|
|
|
<t-icon name="chevron-right-double" size="24" color="#DE868F"/>
|
|
|
|
|
<view class="text-qd">
|
|
|
|
|
@ -70,76 +129,133 @@
|
|
|
|
|
</view>
|
|
|
|
|
<t-icon name="chevron-right-double" size="24" color="#DE868F"/>
|
|
|
|
|
</view>
|
|
|
|
|
<t-image class="txr txr-qd" shape="circle" src="{{loverInfo.avatar}}"></t-image><!--头像2-->
|
|
|
|
|
<t-image class="txr" shape="circle" src="{{loverInfo.avatar}}"></t-image>
|
|
|
|
|
</view>
|
|
|
|
|
<dic class="bkg1"></dic><!--黄色点背景图-->
|
|
|
|
|
<div class="bkg3"></div><!--点点点,最底层背景图-->
|
|
|
|
|
|
|
|
|
|
<!-- 精灵图片 -->
|
|
|
|
|
<view class="bkg1">
|
|
|
|
|
<view class="bkg2">
|
|
|
|
|
<view class="bkg3">
|
|
|
|
|
<view class="bkg4">
|
|
|
|
|
<view class="bkg5">
|
|
|
|
|
<view class="xxt" bindtap="ShowOrNotLogo">
|
|
|
|
|
<!--左侧人形象-->
|
|
|
|
|
<view class="xxtl" bindtap="ShowOrNotLogoS">
|
|
|
|
|
<image src="{{xingxiangtu[userInfo.spriteType]}}"></image><!--左侧人形象-->
|
|
|
|
|
</view>
|
|
|
|
|
<view class="xxtr" bindtap="ShowOrNotLogoL">
|
|
|
|
|
<image src="{{xingxiangtu[loverInfo.spriteType]}}"></image><!--右侧人形象-->
|
|
|
|
|
</view>
|
|
|
|
|
<view class="gh"></view><!--下方光环-->
|
|
|
|
|
<view class="yanql1" bindtap="doSetXxtFemale" wx:if="{{singleShow}}"><!--左侧女性按钮-->
|
|
|
|
|
<image mode="heightFix" src="{{xingxiangtu[userInfo.spriteType]}}"></image>
|
|
|
|
|
<!-- 形态切换 -->
|
|
|
|
|
<view class="xxtl-xt1" wx:if="{{singleShow}}">
|
|
|
|
|
<view class="yanql1" bindtap="doSetXxtFemale">
|
|
|
|
|
<view class="yan13"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="yanql2" bindtap="doSetXxtAnimal" wx:if="{{singleShow}}"><!--左侧动物设置图标-->
|
|
|
|
|
<view class="yanql2" bindtap="doSetXxtAnimal">
|
|
|
|
|
<view class="yan11"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="yanql3" ></view>
|
|
|
|
|
<view class="yanql4" bindtap="doSetXxtFemaleS" wx:if="{{loverShow}}"><!--右侧女性图标设置-->
|
|
|
|
|
<view class="yanql3" bindtap="doSetXxtMale" wx:if="{{singleShow}}">
|
|
|
|
|
<view class="yan12"></view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!--右侧人形象-->
|
|
|
|
|
<view class="xxtr" bindtap="ShowOrNotLogoL">
|
|
|
|
|
<image mode="heightFix" src="{{xingxiangtu[loverInfo.spriteType]}}"></image>
|
|
|
|
|
<!-- 形态切换 -->
|
|
|
|
|
<view class="xxtr-xt2" wx:if="{{loverShow}}">
|
|
|
|
|
<view class="yanql4" bindtap="doSetXxtFemaleS">
|
|
|
|
|
<view class="yan13"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="yanql5" bindtap="doSetXxtAnimalS" wx:if="{{loverShow}}"><!--右侧动物图标设置-->
|
|
|
|
|
<view class="yanql5" bindtap="doSetXxtAnimalS">
|
|
|
|
|
<view class="yan11"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="yanql6"></view>
|
|
|
|
|
<view class="yan1" bindtap="doSetXxtMale" wx:if="{{singleShow}}"><!--设置个人男性图标-->
|
|
|
|
|
<view class="yanql6" bindtap="doSetXxtMaleS">
|
|
|
|
|
<view class="yan12"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="yan3" wx:if="{{loverShow}}" bindtap="doSetXxtMaleS"><!--设置右边男性图标-->
|
|
|
|
|
<view class="yan12"></view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="gh"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 底部图标 -->
|
|
|
|
|
<view class="call1-btn">
|
|
|
|
|
<!--左侧图标-->
|
|
|
|
|
<view class="dcleft">
|
|
|
|
|
<t-progress class="dcleft1" theme="circle" percentage="{{userInfo.crystallineEnergy}}" color="#f76229" label="" t-class-bar="dcleft1" />
|
|
|
|
|
<t-progress
|
|
|
|
|
class="dcleft1"
|
|
|
|
|
theme="circle"
|
|
|
|
|
percentage="{{userInfo.crystallineEnergy}}"
|
|
|
|
|
color="#f76229" label=""
|
|
|
|
|
t-class-bar="dcleft1"
|
|
|
|
|
stroke-width="10rpx"
|
|
|
|
|
/>
|
|
|
|
|
<view class="dcbs"></view>
|
|
|
|
|
</view><!--下方左侧块-->
|
|
|
|
|
<!--下方左侧块-->
|
|
|
|
|
<view class="dclefttxt">{{userInfo.crystallineEnergy}}%</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!--中间祈祷-->
|
|
|
|
|
<view class="call1-btn-qd">
|
|
|
|
|
<view class="lovepic"></view>
|
|
|
|
|
<view class="dchxtxtql" bindtap="openPray" wx:if="{{ !userInfo.prayerEndTime }}">祈祷</view>
|
|
|
|
|
<view class="dchxtxtql" bindtap="openPray" wx:else>结束祈祷</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!--右侧图标-->
|
|
|
|
|
<view class="dcleft">
|
|
|
|
|
<view class="dcrightql">
|
|
|
|
|
<t-progress class="dcleft1" theme="circle" percentage="{{loverInfo.crystallineEnergy}}" color="#00A7FF" label="" t-class-bar="dcleft1" />
|
|
|
|
|
<t-progress
|
|
|
|
|
class="dcleft1"
|
|
|
|
|
theme="circle"
|
|
|
|
|
percentage="{{loverInfo.crystallineEnergy}}"
|
|
|
|
|
color="#00A7FF"
|
|
|
|
|
label=""
|
|
|
|
|
t-class-bar="dcleft1"
|
|
|
|
|
/>
|
|
|
|
|
<view class="dcrbs" bindtap="openEnergy"></view>
|
|
|
|
|
</view><!--下方左侧块-->
|
|
|
|
|
<view class="dclefttxt">{{userInfo.crystallineEnergy}}%</view><!--下方左侧块-->
|
|
|
|
|
<view class="dcrighttxt">{{loverInfo.crystallineEnergy}}%</view><!--下方左侧块-->
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<view class="dcrighttxt">{{loverInfo.crystallineEnergy}}%</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</swiper-item>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<swiper-item class="call1" wx:if='{{userInfo.loverId}}'><!--对方个人页面-->
|
|
|
|
|
<t-image class="tx" shape="circle" src="{{loverInfo.avatar}}"></t-image>
|
|
|
|
|
<view class="txtext">{{loverInfo.nick}}</view><!--头像名字-->
|
|
|
|
|
<view class="gh"></view>
|
|
|
|
|
<div class="bkg3"></div><!--点点点,最底层背景图-->
|
|
|
|
|
<dic class="bkg1"></dic><!--黄色点背景图-->
|
|
|
|
|
<!--对方个人页面-->
|
|
|
|
|
<swiper-item class="call1" wx:if='{{userInfo.loverId}}'>
|
|
|
|
|
<!--头像名字-->
|
|
|
|
|
<view class="call1-header">
|
|
|
|
|
<image class="tx" src="{{loverInfo.avatar}}"></image>
|
|
|
|
|
<view class="txtext">{{loverInfo.nick ? loverInfo.nick : userInfo.constellation}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 精灵图片 -->
|
|
|
|
|
<view class="bkg1">
|
|
|
|
|
<view class="bkg2">
|
|
|
|
|
<view class="bkg3">
|
|
|
|
|
<view class="bkg4">
|
|
|
|
|
<view class="bkg5">
|
|
|
|
|
<view class="xxt" bindtap="ShowOrNotLogo">
|
|
|
|
|
<image mode="heightFix" src="{{xingxiangtu[loverInfo.spriteType]}}"></image>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="gh"></view>
|
|
|
|
|
<view class="xxtq" bindtap="ShowOrNotLogo">
|
|
|
|
|
<image src="{{xingxiangtu[loverInfo.spriteType]}}"></image> <!--形象图-->
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<div class="k1">{{loverInfo.horoscope.number}}</div><!--幸运数字-->
|
|
|
|
|
<div class="ktext1">幸运数字</div>
|
|
|
|
|
<view class="call1-btn">
|
|
|
|
|
<!--幸运数字-->
|
|
|
|
|
<view class="call1-btn-left">
|
|
|
|
|
<view class="k1">{{loverInfo.horoscope.number}}</view>
|
|
|
|
|
<view class="ktext1">幸运数字</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 运势 -->
|
|
|
|
|
<view class="call1-btn-middle">
|
|
|
|
|
<view class="k2" bindtap="ToastDialog"><view class="k11"></view></view>
|
|
|
|
|
<div class="ktext2">Ta的运势</div>
|
|
|
|
|
<div class="ktext3">幸运颜色</div>
|
|
|
|
|
<div class="k2" bindtap="ToastDialog">
|
|
|
|
|
<div class="k11"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="k3">{{loverInfo.horoscope.color}}</div>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 幸运颜色 -->
|
|
|
|
|
<view class="call1-btn-right">
|
|
|
|
|
<view class="k3">{{loverInfo.horoscope.color}}</view>
|
|
|
|
|
<view class="ktext3">幸运颜色</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<t-popup class="ttpopup" visible="{{visible}}" bind:visible-change="onVisibleChange" placement="{{'center'}}">
|
|
|
|
|
<view class="ttpopup">
|
|
|
|
|
@ -264,7 +380,7 @@
|
|
|
|
|
<view>晶石将开启守护计时</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="dialog-btn">
|
|
|
|
|
<button bindtap="openInject">取消</button>
|
|
|
|
|
<button bindtap="clostBtnInject">取消</button>
|
|
|
|
|
<button bindtap="btnInject">开始注入</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|