小程序之单品半圆滑动

axml

<!--单品半圆滑动 -->
<view style="position:relative;display:flex;justify-content:center;width:714rpx;margin:0 auto;height:{
  {moduleHeight}}rpx;background-color:{
  {moduleBgColor}}">
  <!-- 底层滑动 -->
  <view style="width:714;height:{
  {moduleHeight}}rpx;overflow:hidden">
    <view style="width:{
  {714*picLes}}rpx;height:{
  {moduleHeight}}rpx;position:relative">
      <block a:for="{
  {picArr}}">
        <view style="width:714rpx;
                     height:{
  {moduleHeight}}rpx;
                     position:absolute;
                     left:{
  {animationArr[index].left}}rpx;
                     transition-property: left;
                     transition-duration:{
  {animationArr[index].time}}s">
          <view style="width:714rpx;height:{
  {moduleHeight}}rpx">
            <image mode="scaleToFill" src="{
  {item.img||item.image}}" style="width:100%;height:100%;background-size:100% 100%"/>
          </view>
        </view>
      </block>
    </view>
  </view>
  <!-- 半圆滑动 -->
  <view onTouchStart="start" onTouchEnd="end" style="position:absolute;top:{
  {roundTop}}rpx;width:{
  {roundHeight}}rpx;height:{
  {roundHeight}}rpx;border-radius:100%;background-color:{
  {roundBgColor}};background-image:url({
  {roundBgImg||roundBgImage}});background-size:100% 100%;">
    <view style="width:{
  {roundHeight}}rpx;height:{
  {roundHeight}}rpx;border-radius:100%;position:relative;transform:rotateZ({
  {picAngle*curIndex}}deg);transition:all {
  {duration}}s">
      <block a:for="{
  {picImgs}}">
        <view style="width:{
  {picWidth}}rpx;
                     height:{
  {picHeight}}rpx;
                     position:absolute;
                     left:{
  {turntatle[inde