【项目】UniApp实战多端企业网盘全栈开发 10 通用列表组件开发【一】

Bertha 。 2024-03-22 14:54 72阅读 0赞

### 【项目】UniApp实战多端企业网盘全栈开发 ###

#### 文章目录 ####

*   *  【项目】UniApp实战多端企业网盘全栈开发
     *   *   *  10 通用列表组件开发【一】

![在这里插入图片描述][aa75e19ee71946b0bc0e71e53f39dace.png_pic_center]

##### 10 通用列表组件开发【一】 #####

`index.vue`中

<view class="p-3 flex align-center border-bottom border-light-secondary">
    			<text class="iconfont icon-file-b-2 text-warning" style="font-size: 60rpx;"></text>
    			<view class="flex flex-column ml-3" style="line-height: 1.2;">
    				<text class="font-md">我的文件</text>
    				<text class="font-sm text-muted">2023-04-29 21:07</text>
    			</view>
    			<view class="ml-auto flex align-center justify-center" style="width: 70rpx;height: 70rpx;">
    				<text style="height: 25rpx;width: 25rpx;" class="rounded-circle border"></text>
    				<text class="iconfont icon-xuanze-yixuan text-primary" style="font-size: 40rpx;"></text>
    			</view>
    		</view>

![在这里插入图片描述][3d6f6131aa4a43b7bf48443372049e42.png_pic_center]

选中之后的要大一点

[aa75e19ee71946b0bc0e71e53f39dace.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/5626792bf99049669bd84e59c329b730.png
[3d6f6131aa4a43b7bf48443372049e42.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/3b3c124251f748a384e343473f30ea6b.png