当前位置: 首页> 健康> 养生 > 阳江疫情最新消息_广告设计图片模板_在线客服_朋友圈广告推广平台

阳江疫情最新消息_广告设计图片模板_在线客服_朋友圈广告推广平台

时间:2025/7/11 8:02:00来源:https://blog.csdn.net/weixin_43337481/article/details/143910091 浏览次数:2次
阳江疫情最新消息_广告设计图片模板_在线客服_朋友圈广告推广平台

 表头固定,滚动时不出现边框间隙

<div class="list"><table><tr><th>设备名称</th><th width="60">数据</th><th width="60">控制</th></tr></table><el-scrollbar class="list-scroll"><table><tr v-for="item in craftData" :key="item.prop"><td>{{ item.craftName }}</td><td width="60">{{ item.tagValue }}</td><td width="60"><el-switch style="--el-switch-on-color: #28c3f8" v-model="item.checked"@change="handleSwitchChange(item)"></el-switch></td></tr></table></el-scrollbar></div>
.list {position: absolute;z-index: 2;top: 315px;left: 110px;width: 288px;color: white;.list-scroll {height: 333px;border-bottom: 1px solid #4a80e7;}table {width: 100%;border-collapse: collapse;}th {height: 35px;border: 1px solid #4a80e7;font-weight: bold;text-align: center;font-size: 12px;padding: 8px 10px;background-color: #123e9e;}td {border: 1px solid #4a80e7;border-top: none;font-size: 12px;text-align: center;padding: 2px 4px;}tr:nth-last-child(1) {td {border-bottom: none;}        }tr:nth-child(odd) {background-color: rgba($color: #4d95eb, $alpha: 0.1);}}

关键字:阳江疫情最新消息_广告设计图片模板_在线客服_朋友圈广告推广平台

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: