pet-front/otherPages/workbenchManage/myLevel/index.vue

<template>
  <view class="bind-user">
    <view class="bind-user-header">
      <view class="flex mb28">
        <up-image width="120rpx" height="120rpx" src="https://cdn.uviewui.com/uview/album/1.jpg"
                  shape="circle"></up-image>
        <view class="header-name">
          <view class="font32 mb20">微信用户</view>
          <view class="flex font24">
            <view>当前分成比例：
              <text>25%</text>
            </view>
            <view>晋级后分成比例：
              <text>30%</text>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="bind-main">
      <up-swiper
          :list="list3"
          previousMargin="30"
          nextMargin="30"
          circular
          :autoplay="false"
          radius="10"
          bgColor="#FFBF60"
          height="300rpx"
      ></up-swiper>
    </view>
  </view>
</template>

<script setup>
import {reactive, ref} from "vue";

const list3 = reactive([
  'https://cdn.uviewui.com/uview/swiper/swiper3.png',
  'https://cdn.uviewui.com/uview/swiper/swiper2.png',
  'https://cdn.uviewui.com/uview/swiper/swiper1.png',
]);
const code = ref('asdasaadsdsa')
const url = ref('https://uview-plus.jiangruyi.com/components/button.html')
</script>


<style scoped lang="scss">
@import "index";
</style>