当前位置： 首页 > 资讯

Vue/UniApp中如何制作圆角选项卡，且选中状态颜色与未选中状态颜色不同？

发布日期： 2024-11-06 阅读量： 作者： 网络

vue/uniapp中如何制作圆角选项卡，且选中状态颜色与未选中状态颜色不同？

vue/uniapp中，如何制作圆角栏目的选项卡效果？

你想要创建一个圆角栏目的选项卡效果，其中一个选中的选项是用白色文本填充蓝色背景，而其他选项是黑色文本填充灰色背景。

以下是使用html和css实现此效果的方法：

<div class="tabs">
    <div class="tab active">日</div>
    <div class="tab">周</div>
    <div class="tab">月</div>
    <div class="tab">年</div>
</div>

# css # vue # uniapp

相关文章：淘宝红人新品是什么？怎么提高新品权重？ cpa引流技巧中的截流玩法具体如何操作？做微信营销推广，这5大铁律要时刻牢记！超实用的手机APP试玩赚钱项目玩法分享！网站推广人员不得不知的网站更新机制广告投放的渠道和方法有哪些？各自的优势在哪？如何通过网络去做品牌推广？ cpa广告联盟上的cpa网赚形式有哪些优势？ cpa交友联盟收益怎么样？哪家靠谱？做seo优化的优势都有哪些？网站推广专家推荐外链投票和用户投票的提高网站权重法国外广告联盟很赚钱，为什么却很少人做？家纺如何做推广,家纺推广平台保健品品牌微商推广的五大平台（附：微商推广平台网址）亚马逊联盟怎么推广？推广方式介绍可以长期去做的五种网络赚钱方法，赶快行动起来！旅游酒店***推广,旅游酒店b2b电子商务平台为什么全网营销越来越受欢迎？在推广cpa项目的时候使用短链有什么好处？二手回收广告推广,二手回收免费b2b网站大全简单介绍产品运营流程淘宝新店铺推广不了怎么办？推广有用吗？想要利用qq群赚钱月入过万，该怎么做？新手必看的全网引流渠道及引流思路介绍！高佣联盟赚钱是真的吗？高佣联盟怎么赚钱，有哪些技巧和方法？ 2020年最新最赚钱的3款手机赚钱软件！日赚300不是问题！疏通管道营业推广,疏通管道b2b信息网手表全网营销推广,手表免费发布信息平台 app推广拉新之app成功与否关键在于这3个运营策略！ cpa广告联盟平台全自动挂机赚钱到底能不能真正赚到钱？

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯2956 】【 SEO推广2790 】

上一篇: linux var log 可以删掉吗

下一篇: Golang 认证：如何使用 HTTP 基本认证

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发