继续研究vue组件vue-menu组件

同名公众号 - 人生代码

于 2019-01-27 21:44:55 发布

阅读量1.7k

点赞数

分类专栏： web前端 Vue3 + TS 进阶之路文章标签：继续研究vue组件vue-menu组件

本文链接：https://blog.csdn.net/qq_36772866/article/details/86670066

版权

Vue3 + TS 进阶之路同时被 2 个专栏收录

129 篇文章 29 订阅 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

web前端

40 篇文章 11 订阅 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

其实这个很简单，出发点就是想做一个点击切换的功能
在这里插入图片描述
原生html+css+js代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    *{
        margin: 0;
        padding: 0;
    }
    .nav-mobile-button {
        position: relative;
        float: left;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        outline: none;
        border-radius: 4px;
    }
    .nav-mobile-button .same:nth-child(1){
        margin-top: 0; 
    }
    .nav-mobile-button .same {
        display: block;
        margin-top: 4px;
        width: 22px;
        height: 2px;
        background: rgb(63

了解本专栏

超级会员免费看

同名公众号 - 人生代码

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
继续研究vue组件vue-menu组件

其实这个很简单，出发点就是想做一个点击切换的功能原生html+css+js代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;
复制链接

扫一扫