<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>



