
<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>
    <view class="xxt" bindtap="ShowOrNotLogo">
        <image 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 class="dcleft">
    
    <t-progress class="dcleft1" theme="circle"  percentage="{{userInfo.crystallineEnergy}}"  color="#f76229" label=""  t-class-bar="dcleft1" />
    <view class="dcbs"></view>
</view><!--下方左侧块-->
<!--下方左侧块-->
<t-progress class="dchx" percentage="{{userInfo.crystallineEnergy}}" trackColor="#EAC9FF" color="#f76229" label=""/><!--中间进度条-->
<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 class="energy-full" wx:if="{{userInfo.crystallineEnergy===100}}">
    <view>能量已经集满啦！</view>
    <view>可以注入到水晶中</view>
    <view>增强运势哦！</view>
</view>
<!-- 能量注入成功提示 -->
<view class="energy-complete" wx:if="{{showScsEnergy}}">
    <view>能量已注入100%</view>
    <view>守护时间为08小时00分</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 }}">
        <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-->
    </view>
    <!-- 有祈祷页面 -->
    <view wx:else>
        <t-image class="txl txl-qd" src="{{userInfo.avatar}}"></t-image>
        <view class="txtextl-qd">
            <t-icon name="chevron-right-double" size="24" color="#DE868F"/>
            <view class="text-qd">
                <view class="top">{{ userInfo.prayerContent }}</view>
                <view>你已为Ta祈祷  {{prayTime}}</view>
            </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-->
    </view>
    <dic class="bkg1"></dic><!--黄色点背景图-->
    <div class="bkg3"></div><!--点点点，最底层背景图-->
    
    <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}}"><!--左侧女性按钮-->
        <view class="yan13"></view>
    </view>
    <view class="yanql2" bindtap="doSetXxtAnimal" wx:if="{{singleShow}}"><!--左侧动物设置图标-->
        <view class="yan11"></view>
    </view>
    <view class="yanql3" ></view>
    <view class="yanql4" bindtap="doSetXxtFemaleS" wx:if="{{loverShow}}"><!--右侧女性图标设置-->
        <view class="yan13"></view>
    </view>
    <view class="yanql5" bindtap="doSetXxtAnimalS" wx:if="{{loverShow}}"><!--右侧动物图标设置-->
        <view class="yan11"></view>
    </view>
    <view class="yanql6"></view>
    <view class="yan1" bindtap="doSetXxtMale" wx:if="{{singleShow}}"><!--设置个人男性图标-->
        <view class="yan12"></view>
    </view>
    <view class="yan3" wx:if="{{loverShow}}" bindtap="doSetXxtMaleS"><!--设置右边男性图标-->
        <view class="yan12"></view>
    </view>

    <view class="dcleft">
        <t-progress class="dcleft1" theme="circle"  percentage="{{userInfo.crystallineEnergy}}"  color="#f76229" label=""  t-class-bar="dcleft1" />
        <view class="dcbs"></view>
    </view><!--下方左侧块-->
    <!--下方左侧块-->
    <view class="lovepic"></view>
    <view class="dchxtxtql" bindtap="openPray" wx:if="{{ !userInfo.prayerEndTime }}">祈祷</view>
    <view class="dchxtxtql" bindtap="openPray" wx:else>结束祈祷</view>
    <view class="dcrightql">
        <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><!--下方左侧块-->

  </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><!--黄色点背景图-->
    <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>
    <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>

    <t-popup class="ttpopup" visible="{{visible}}" bind:visible-change="onVisibleChange" placement="{{'center'}}">
        <view class="ttpopup">
            <view class="tips">Tips：记得提醒ta哦～</view>
            <view class="ztys">{{loverInfo.horoscope.summary}}</view>
            <view class="rjkzs"><t-rate value="3"  icon="{{ ['star-filled', 'star'] }}" color="#FFFF00"  /></view>
            <view class="jkzs"></view>
            <view class="aqzs"></view>
            <view class="raqzs"><t-rate value="3"  icon="{{ ['star-filled', 'star'] }}" color="#FFFF00"  /></view>
            <view class="cyzs"></view>
            <view class="rcyzs"><t-rate value="3"   icon="{{ ['star-filled', 'star'] }}" color="#FFFF00"  /></view>
            <view class="ysfgx"></view>
        </view>
    </t-popup>
  </swiper-item>

</swiper>

<!-- 未祈祷弹层 -->
<view class="pray" wx:if="{{showPray}}">
    <view class="dialog">
        <view class="dialog-item">
            <text>祈祷内容</text>
            <textarea model:value="{{prayerContent}}" placeholder="请写下你要祈祷的内容" bindblur="getTextValue"></textarea>
        </view>
        <view class="dialog-item">
            <text>祈祷时长</text>
            <view class="duration">选择祈祷时长<t-icon name="chevron-down" size="48rpx"/></view>
        </view>
        <view class="dialog-btn">
            <button bindtap="openPray">取消</button>
            <button bindtap="btnOK">发起祈祷</button>
        </view>
    </view>
    <view class="timing">
        <view class="timing-title">你还有{{userInfo.crystallineEnergy}}%水晶能量，可为对方祈祷{{hours}}小时{{minute}}分</view>
        <t-toast id="t-toast" />
        <view class="picker">
            <picker-view value="{{pickerValue}}" bindchange="onPickerChange" indicator-class="active">
                <picker-view-column>
                    <view wx:for="{{hours + 1}}" wx:key="item" class="picker-item"> {{ item }} </view>
                </picker-view-column>
                <picker-view-column>
                    <view wx:for="{{minutes + 1}}" wx:key="item" class="picker-item"> {{ item }} </view>
                </picker-view-column>
            </picker-view>
        </view>
    </view>
</view>

<!-- 已祈祷弹层 -->
<view class="pray" wx:if="{{showIsPray}}">
    <view class="dialog">
        <t-toast id="t-toast" />
        <view class="dialog-text">
            <view>要结束祈祷吗？</view>
            <view>将返还{{energy}}%星座能量</view>
            <view>溢出能量将消失</view>
        </view>
        <view class="dialog-btn">
            <button bindtap="openPray">返回</button>
            <button bindtap="btnCancel">结束</button>
        </view>
    </view>
</view>

<!-- 赠送能量弹层 -->
<view class="pray" wx:if="{{showEnergy}}">
    <view class="dialog">
        <t-toast id="t-toast" />
        <view class="dialog-text">
            <view>你要将能量共享给对方吗？</view>
            <view>溢出能量将保留</view>
        </view>
        <view class="dialog-btn">
            <button bindtap="cancelEnergy">取消</button>
            <button bindtap="btnShare">共享</button>
        </view>
    </view>
</view>
<!-- 赠送能量提示 -->
<view class="pray" wx:if="{{showEnergyToast}}">
    <view class="dialog">
        <t-toast id="t-toast" />
        <view class="dialog-text">
            <view>{{toast}}</view>
            <view>无法进行共享哦！</view>
        </view>
        <view class="dialog-btn">
            <button bindtap="cancelEnergyToast">好的</button>
        </view>
    </view>
</view>
<!-- 赠送能量成功 -->
<view class="energy-success" wx:if="{{showEnergySuccess}}">
    <view>谢谢你送我的能量！</view>
    <view>真是太好了~</view>
</view>
<!-- 赠送能量失败 -->
<view class="pray" wx:if="{{showEnergyFail}}">
    <view class="dialog">
        <t-toast id="t-toast" />
        <view class="dialog-text">
            <view>赠送能量失败啦～</view>
            <view>是不是网络出问题了？</view>
        </view>
        <view class="dialog-btn">
            <button bindtap="cancelEnergyToast">好的</button>
        </view>
    </view>
</view>
<!-- 能量注入 -->
<t-toast id="t-toast" />
<view class="pray" wx:if="{{showInject}}">
    <view class="dialog">
        <view class="dialog-text">
            <view>你要将能量注入到晶石吗？</view>
            <view>晶石将开启守护计时</view>
        </view>
        <view class="dialog-btn">
            <button bindtap="openInject">取消</button>
            <button bindtap="btnInject">开始注入</button>
        </view>
    </view>
</view>
<!-- 能量注入中 -->
<view class="in-energy" wx:if="{{showInEnergy}}">
    <t-image src="/images/hourglass.gif"/>
    <view>能量注入中……</view>
</view>

<div class="jltxt" bindtap="go2Jlai">精灵 AI</div>



