ElementUI快速入门

最新推荐文章于 2024-06-20 08:00:00 发布

618GLOAL_COOK2237

最新推荐文章于 2024-06-20 08:00:00 发布

阅读量132

点赞数

分类专栏：青橙商城

本文链接：https://blog.csdn.net/GLOAL_COOK/article/details/115910651

版权

都是从官网复制改改就完事：
https://element.eleme.cn/#/zh-CN/component/installation

先把css和js引入：
在这里插入图片描述
brand.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌管理</title>
    <link rel="stylesheet" href="../css/elementui.css">
    <style>
        .avatar-uploader .el-upload {
    
            border: 1px dashed #d9d9d9;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }
        .avatar-uploader .el-upload:hover {
    
            border-color: #409EFF;
        }
        .avatar-uploader-icon {
    
            font-size: 28px;
            color: #8c939d;
            width: 178px;
            height: 178px;
            line-height: 178px;
            text-align: center;
        }
        .avatar {
    
            width: 178px;
            height: 178px;
            display: block;
        }
    </style>
</head>
<body>

<div id="app">
    <!--条件搜索的表单-->
    <el-form :inline="true">
        <el-form-item label="品牌名称">
            <el-input placeholder="品牌名称" v-model="searchMap.name"></el-input>
        </el-form-item>
        <el-form-item label="品牌的首字母">
            <el-input placeholder="品牌的首字母" v-model="searchMap.letter"></el-input>
        </el-form-item>
        <el-button type="primary" @click="fetchData()">查询</el-button>
        <el-button type="primary" @click="pojo={},formVisible=true"

最低0.47元/天解锁文章

618GLOAL_COOK2237

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ElementUI快速入门

都是从官网复制改改就完事：https://element.eleme.cn/#/zh-CN/component/installation先把css和js引入：brand.html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>品牌管理</title> <link rel="stylesheet" href
复制链接

扫一扫