|
|
<swiper class="call">
|
|
|
<swiper-item class="call1"><!--单人页面-->
|
|
|
<view class="tx"></view><!--最上方头像栏-->
|
|
|
<view class="txtext">为七个字的头像</view><!--头像名字-->
|
|
|
<view class="gh"></view>
|
|
|
|
|
|
<div class="bkg3"></div><!--点点点，最底层背景图-->
|
|
|
<dic class="bkg1"></dic><!--黄色点背景图-->
|
|
|
<view class="gh"></view>
|
|
|
<view class="xxt"></view><!--形象图-->
|
|
|
<view class="yan1">
|
|
|
<view class="yan11"></view>
|
|
|
</view>
|
|
|
<view class="yan2">
|
|
|
<view class="yan12"></view>
|
|
|
</view>
|
|
|
<view class="yan3">
|
|
|
<view class="yan13"></view>
|
|
|
</view>
|
|
|
|
|
|
<view class="dcleft">
|
|
|
|
|
|
<t-progress class="dcleft1" theme="circle" percentage="70" color="#f76229" label="" t-class-bar="dcleft1" />
|
|
|
<view class="dcbs"></view>
|
|
|
</view><!--下方左侧块-->
|
|
|
<!--下方左侧块-->
|
|
|
<t-progress class="dchx" percentage="70" trackColor="#EAC9FF" color="#f76229" label="" /><!--中间进度条-->
|
|
|
<view class="dchxtxt">70%</view>
|
|
|
<view class="dcright">
|
|
|
<view class="dcrightwjx"></view><!--下方右侧五角星-->
|
|
|
</view><!--下方左侧块-->
|
|
|
|
|
|
<view class="dclefttxt">水晶能量</view><!--下方左侧块-->
|
|
|
<view class="dcrighttxt">能量注入</view><!--下方左侧块-->
|
|
|
</swiper-item>
|
|
|
|
|
|
|
|
|
|
|
|
<swiper-item class="call1"><!--情侣页面-->
|
|
|
<view class="txl"></view><!--头像1-->
|
|
|
<view class="txtextl">七个字的头像</view><!--头像名字1-->
|
|
|
<view class="jiuchan"></view>
|
|
|
<view class="txr"></view><!--头像2-->
|
|
|
<view class="txtextr">为七个字的头像</view><!--头像名字2-->
|
|
|
<dic class="bkg1"></dic><!--黄色点背景图-->
|
|
|
<div class="bkg3"></div><!--点点点，最底层背景图-->
|
|
|
|
|
|
|
|
|
<view class="xxtl"></view><!--左侧人形象-->
|
|
|
<view class="xxtr"></view><!--右侧人形象-->
|
|
|
<view class="gh"></view><!--下方光环-->
|
|
|
<view class="yanql1">
|
|
|
<view class="yan13"></view>
|
|
|
</view>
|
|
|
<view class="yanql2">
|
|
|
<view class="yan11"></view>
|
|
|
</view>
|
|
|
<view class="yanql3"></view>
|
|
|
<view class="yanql4">
|
|
|
<view class="yan13"></view>
|
|
|
</view>
|
|
|
<view class="yanql5">
|
|
|
<view class="yan11"></view>
|
|
|
</view>
|
|
|
<view class="yanql6"></view>
|
|
|
<view class="yan1">
|
|
|
<view class="yan12"></view>
|
|
|
</view>
|
|
|
<view class="yan3">
|
|
|
<view class="yan12"></view>
|
|
|
</view>
|
|
|
|
|
|
<view class="dcleft">
|
|
|
<t-progress class="dcleft1" theme="circle" percentage="70" color="#f76229" label="" t-class-bar="dcleft1" />
|
|
|
<view class="dcbs"></view>
|
|
|
</view><!--下方左侧块-->
|
|
|
<!--下方左侧块-->
|
|
|
<view class="lovepic"></view>
|
|
|
<view class="dchxtxtql">祈祷</view>
|
|
|
<view class="dcrightql">
|
|
|
<t-progress class="dcleft1" theme="circle" percentage="70" color="#00A7FF" label="" t-class-bar="dcleft1" />
|
|
|
<view class="dcrbs"></view>
|
|
|
</view><!--下方左侧块-->
|
|
|
<view class="dclefttxt">70%</view><!--下方左侧块-->
|
|
|
<view class="dcrighttxt">79%</view><!--下方左侧块-->
|
|
|
|
|
|
</swiper-item>
|
|
|
|
|
|
|
|
|
<swiper-item class="call1"><!--对方个人页面-->
|
|
|
<view class="tx"></view><!--最上方头像栏-->
|
|
|
<view class="txtext">为七个字的头像</view><!--头像名字-->
|
|
|
<view class="gh"></view>
|
|
|
<div class="bkg3"></div><!--点点点，最底层背景图-->
|
|
|
<dic class="bkg1"></dic><!--黄色点背景图-->
|
|
|
<view class="gh"></view>
|
|
|
<view class="xxtq"></view><!--形象图-->
|
|
|
|
|
|
<div class="k1">
|
|
|
|
|
|
</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"></div>
|
|
|
|
|
|
<t-popup class="ttpopup" visible="{{visible}}" bind:visible-change="onVisibleChange" placement="{{'center'}}">
|
|
|
<view class="ttpopup">
|
|
|
<view class="ztys"></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>
|
|
|
</t-popup>
|
|
|
</swiper-item>
|
|
|
|
|
|
</swiper>
|
|
|
|
|
|
|
|
|
|
