日常工作笔记

border-radius

.border-radius可以同时设置1到4个值。简洁法
    如果设置1个值，表示4个圆角都使用这个值。
    border-radius:40px;

    如果设置两个值，表示左上角和右下角使用第一个值，右上角和左下角使用第二个值。
    border-radius: 10px 50px;

    如果设置三个值，表示左上角使用第一个值，右上角和左下角使用第二个值，右下角使用第三个值。
    border-radius: 10px 50px 40px;

    如果设置四个值，则依次对应左上角、右上角、右下角、左下角（顺时针顺序）。
    border-radius: 10px 20px 30px 40px;

2.单独设置一个角的写法
border-top-left-radius: 20px; //设置左上角
border-top-right-radius: 20px; //设置右上角
border-bottom-left-radius: 20px; //设置左下角
border-bottom-right-radius: 20px; //设置左下角

input框点击不改变颜色或者改变颜色

//去掉input点击后边框颜色

input { outline:none; }

//改变input触发后边框颜色

input{ outline-color:red; }

首先把元素写入 按钮也写入 然后使用点击事件触发元素显示

当修改之后 更改当前的标题 且向后端发送请求

循环的时候如果图爆了 可以用important引入来使用

import Windows from "@/assets/image/window.png";
{
          id: 1,
          icon: Intel,
          text: "mac OS Intel 版",
        },

li前面的原点 直接可以写样式

 li:before {
      content: "\2022";
      color: #00b1c6;
      font-size: 1.11vw;
      margin-right: 10px;
    }

密码简单加密

import { Base64 } from "js-base64";
Base64.encode(password)

标签：笔记,工作,radius,日常,设置,input,左下角,border,20px
来源： https://blog.csdn.net/m0_52682005/article/details/122612480