uniapp仿汽车之家配置对比

原创

已于 2025-06-20 02:25:25 修改 · 659 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #汽车 #android

于 2025-06-20 02:20:12 首次发布

文章目录

一、效果
二、描述就不多说了，上代码

前言：手搓了一个仿照汽车之家的对比功能
一、效果

在这里插入图片描述

二、描述就不多说了，上代码

<template>
	<view class="" style="padding-top: 60px;">
		<view class="cpc_table2" style="width: 100%;overflow-x: auto;">
			<table class="cpc_table" style="text-align: center;border-collapse: collapse; border-spacing: 0;table-layout: auto; width: auto;">
				<tr class="tableHeader">
					<th class="flexClass" style="background-color: #FFF;">
						<view class="th_cpc" style="width: 160rpx">
							<u-switch v-model="val" size="40"></u-switch>
							<view style="font-size: 12px;line-height: 50rpx;padding-top: 20rpx;">仅看关注项</view>
							<view style="font-size: 12px;font-weight: 400;color: #3B92FF;border-bottom: 1px solid #3B92FF;">设置关注项</view>
						</view>
					</th>
					<th class="flexClass">
						<view class="th_cpc">
							<view class="orgItem">
								<view class="ding ding1">已钉住</view>
								<view class="close"></view>
								<span>贵州省支部</span>
							</view>
						</view>
					</th>
					<th>
						<view class="th_cpc">
							<view class="orgItem">
								<view class="ding ding2">钉左侧</view>
								<view class="close"></view>
								<span>安顺市支部</span>
							</view>