css图标重复 CSS经常遇到的问题

  CSS笔记

  模糊

   / 使背景模糊化 /

                backdrop-filter: blur(10px);
                box-shadow: 0 0 20px #a29bfe;
                border-radius: 15px;  

  阴影

  box-: 阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色

   box-shadow: inset 0 0 20px #fff,

            inset 10px 0 46px #eaf5fc,
            inset 80px 0 60px #efcde6,
            inset -20px -60px 100px #f9f6de,
    <p>![小米2s 重复mi图标_css图标重复_css no repeat 重复][1]

            inset 0 50px 140px #f9f6de,
            0 0 90px #fff;

</p>
  背景透明 -color: ;rgba(255,255,255,0) 侧边导航栏

  ul li div {

  }

  引入

  参考样式：Font 官网

  参考链接：Vue中引入

  var和let区别

  “var是函数作用域css图标重复，而let是块作用域。在函数内声明了varcss图标重复，整个函数内都是有效的，在for循环内定义了一个var变量，实际上其在for循环以外也是可以访问的，而let由于是块作用域css图标重复 CSS经常遇到的问题，所以如果在块作用域内（for循环内）定义的变量，在其外面是不可被访问的。”

  选中（菜单栏、按钮等等）

  

                    
                        管理员认证
                        
                    
                    
                        用户认证
                    
                    
                        用户注册
    <p>![小米2s 重复mi图标_css图标重复_css no repeat 重复][2]

                    
                    
                        口令更新
                    
                

</p>
   .tab-item-selected{

        background: linear-gradient(rgba(66, 157, 237, 0.6),rgba(114, 230, 197, 0.6));
        color: rgba(3, 3, 3,1)
    }
    

  更换组件

  

    import { ref } from 'vue';
    import AdminLogin from './components/AdminLogin.vue'
    import UpdatePassword from './components/UpdatePassword.vue';
    import UserLogin from './components/UserLogin.vue'
    import UserRegister from './components/UserRegister.vue'
    const curtab = ref(0);//子组件0
    //curtab是页面ref后面对应的名字
    <p>

    const changeTab = (tabindex) => {
        curtab.value = tabindex//子组件tabindex
    }

</p>
  

  文章来源:https://blog.csdn.net/qq_44330459/article/details/127843183