uniapp：抖音PK进度条（nvue）

sunly_

于 2024-05-09 11:39:57 发布

阅读量610

点赞数 4

分类专栏： uniapp 文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/qq_40745143/article/details/138607316

版权

在这里插入图片描述
nvue中，仿抖音PK进度条效果，

<template>
	<view class="index" :style="{width:windowWidth+'px',height:index_windowHeight+'px',paddingTop:windowTop+'px'}">
		
		<view class="pk">
			<text class="pk_jindu_left_val fsz-24 color-f">{
  {pk_left_value}}</text>
			<text class="pk_jindu_right_val fsz-24 color-f">{
  {pk_right_value}}</text>
			<view class="pk_left_bg" :style="{width:pk_left_width+'px'}"></view>
			<view class="pk_right_bg" :style="{width:pk_right_width+'px'}"></view>
			<image src="../../static/zhibo/jindu.png" mode="" class="pk_jindu_top_icon" :style="{left:pk_jindu+'px'}"></image>
		</view>