From c74dc9e3a36f1f91d5dc1e867cd2b9faceac2d02 Mon Sep 17 00:00:00 2001
From: tqs <56479841@qq.com>
Date: 星期五, 11 十一月 2022 10:38:25 +0800
Subject: [PATCH] #
---
src/main/webapp/views/car_vue.html | 81 ++++++++++++++++++++++++++++++++++------
1 files changed, 68 insertions(+), 13 deletions(-)
diff --git a/src/main/webapp/views/car_vue.html b/src/main/webapp/views/car_vue.html
index 2363650..b17d195 100644
--- a/src/main/webapp/views/car_vue.html
+++ b/src/main/webapp/views/car_vue.html
@@ -4,17 +4,15 @@
<meta charset="UTF-8">
<title>绌挎杞︾洃鎺х鐞�</title>
<link rel="stylesheet" href="../static/vue/element/element.css">
+ <link rel="stylesheet" href="../static/css/car_vue.css">
<script src="../static/vue/js/vue.min.js"></script>
<script src="../static/vue/element/element.js"></script>
<style>
- body {
- background-color: #6CA7A8;
- }
.el-row {
- margin-bottom: 20px;
- &:last-child {
- margin-bottom: 0;
- }
+ margin-bottom: 10px;
+ &:last-child {
+ margin-bottom: 0;
+ }
}
.el-col {
border-radius: 4px;
@@ -26,11 +24,15 @@
background: #067af8;
}
.bg-purple-light {
- background: #e5e9f2;
+ background: #ffffff;
}
.grid-content {
border-radius: 4px;
- min-height: 360px;
+ min-height: 230px;
+ }
+ .grid-content-bottom {
+ border-radius: 4px;
+ min-height: 176px;
}
.row-bg {
padding: 10px 0;
@@ -41,13 +43,57 @@
</head>
<body>
<div id="container">
-
+ <!--绗竴閮ㄥ垎-->
<el-row>
-<!-- <el-col :span="1"><div class="grid-content bg-purple"></div></el-col>-->
- <el-col :span="22" style="float: right"><div class="grid-content bg-purple-light"></div></el-col>
+ <el-col :span="22" style="float: right" class="grid-content bg-purple-light">
+ <el-col :span="5" class="grid-content bg-purple-light">
+ <el-row>
+ <el-col :span="8" :offset="8" class="title">绌挎杞︿綅缃�</el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="20" :offset="2" class="title">
+ <lable>1#</lable>
+ <el-dropdown trigger="click" :hide-on-click="false">
+ <el-button class="bg-orgin" @click="changePosition($event,1)">淇敼浣嶇疆</el-button>
+ <el-dropdown-menu>
+ <el-dropdown-item><span>1</span><input type="text"></el-dropdown-item>
+ <el-dropdown-item>2</el-dropdown-item>
+ <el-dropdown-item>3</el-dropdown-item>
+ </el-dropdown-menu>
+ </el-dropdown>
+ <el-button>鎵�灞炲爢鍨涙満</el-button>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="20" :offset="2" class="title">
+ <lable>2#</lable>
+ <el-button @click="changePosition($event,2)">淇敼浣嶇疆</el-button>
+ <el-button>鎵�灞炲爢鍨涙満</el-button>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="20" :offset="2" class="title">
+ <lable>3#</lable>
+ <el-button @click="changePosition($event,3)">淇敼浣嶇疆</el-button>
+ <el-button>鎵�灞炲爢鍨涙満</el-button>
+ </el-col>
+ </el-row>
+ </el-col>
+ <el-col :span="19" class="grid-content bg-purple-dark">
+
+ </el-col>
+ </el-col>
</el-row>
-
+ <el-row>
+ <el-col :span="22" class="grid-content bg-purple-light" style="float: right"></el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="22" class="grid-content bg-purple-light" style="float: right"></el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="22" class="grid-content-bottom bg-purple-light" style="float: right"></el-col>
+ </el-row>
</div>
</body>
</html>
@@ -56,6 +102,15 @@
el: '#container',
data: {
message: 'btn'
+ },
+ methods: {
+ changePosition(e,id) {
+ e.target.blur();
+ if(e.target.nodeName == "SPAN") {
+ e.target.parentNode.blur(); // 寮哄埗澶辩劍
+ }
+ console.log(id)
+ }
}
})
</script>
\ No newline at end of file
--
Gitblit v1.9.1