wally
/
plugin-templete
1
0
Fork 1
Code Issues Releases Wiki Activity
Browse Source

插件面板

master
wangrongrong 4 years ago
parent
aa877a41d2
commit
8f936562c0
2 changed files with 145 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 143
      index.html
  2. BIN
      刷新_好压看图.png

143
index.html
View File

@ -6,8 +6,149 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>插件模板</title>
<link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.4/dist/tailwind.css">
<!-- <link rel="stylesheet" type="text/css" href="style.css" /> -->
<!-- <script type="text/javascript" src="plugin.js"></script> -->
</head>
<body>
<div class="">
<div class="h-10 w-full flex justify-center items-center border-b-2">项目名称</div>
<div class="w-full h-16 flex items-center border-b-2">
<div class="p-2 m-4">项目经理</div>
<div class="p-2 m-4 border-b-2 border-blue-500 text-blue-400">运维</div>
</div>
<div class="w-full h-36 pt-4 bg-gray-100">
<div class="content w-80 h-28 ml-6 bg-white rounded-lg p-1.5 pl-3">
<div class="h-6 w-11/12 m-2 bg-gray-100"></div>
<div class="h-6 w-11/12 m-2 bg-gray-100"></div>
<div class="h-6 w-11/12 m-2 bg-gray-100"></div>
<div class="h-6 w-11/12 m-2 bg-gray-100"></div>
<div class="h-6 w-11/12 m-2 bg-gray-100"></div>
</div>
</div>
<div class="w-full h-8 bg-blue-500 text-white pl-4 flex items-center">2021年30周</div>
<div class="taskBar h-96 w-full bg-gray-100 p-4">
<div class="flex">
<div>
<div class="rounded-full h-8 w-8 bg-gray-100 border-2 border-blue-500"></div>
<div class="w-8 flex justify-center">
<div class="w-0.5 h-20 bg-gray-300"></div>
</div>
</div>
<div>
<div class="flex justify-between w-80">
<div class="h-8 flex items-center ml-4">任务时间栏</div>
<div class="flex items-center">
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4 mr-4" src="刷新_好压看图.png" />
</div>
</div>
<div class="rounded-lg ml-4 bg-white h-20 w-11/12 p-3">
你好
</div>
</div>
</div>
<div class="flex">
<div>
<div class="rounded-full h-8 w-8 bg-gray-100 border-2 border-blue-500"></div>
<div class="w-8 flex justify-center">
<div class="w-0.5 h-20 bg-gray-300"></div>
</div>
</div>
<div>
<div class="flex justify-between w-80">
<div class="h-8 flex items-center ml-4">任务时间栏</div>
<div class="flex items-center">
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4 mr-4" src="刷新_好压看图.png" />
</div>
</div>
<div class="rounded-lg ml-4 bg-white h-20 w-11/12 p-3">
你好
</div>
</div>
</div>
<div class="flex">
<div>
<div class="rounded-full h-8 w-8 bg-gray-100 border-2 border-blue-500"></div>
<div class="w-8 flex justify-center">
<div class="w-0.5 h-20 bg-gray-300"></div>
</div>
</div>
<div>
<div class="flex justify-between w-80">
<div class="h-8 flex items-center ml-4">任务时间栏</div>
<div class="flex items-center">
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4 mr-4" src="刷新_好压看图.png" />
</div>
</div>
<div class="rounded-lg ml-4 bg-white h-20 w-11/12 p-3">
你好
</div>
</div>
</div>
<div class="flex">
<div>
<div class="rounded-full h-8 w-8 bg-gray-100 border-2 border-blue-500"></div>
<div class="w-8 flex justify-center">
<div class="w-0.5 h-20 bg-gray-300"></div>
</div>
</div>
<div>
<div class="flex justify-between w-80">
<div class="h-8 flex items-center ml-4">任务时间栏</div>
<div class="flex items-center">
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4 mr-4" src="刷新_好压看图.png" />
</div>
</div>
<div class="rounded-lg ml-4 bg-white h-20 w-11/12 p-3">
你好
</div>
</div>
</div>
<div class="flex">
<div>
<div class="rounded-full h-8 w-8 bg-gray-100 border-2 border-blue-500"></div>
<div class="w-8 flex justify-center">
<div class="w-0.5 h-20 bg-gray-300"></div>
</div>
</div>
<div>
<div class="flex justify-between w-80">
<div class="h-8 flex items-center ml-4">任务时间栏</div>
<div class="flex items-center">
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4" src="刷新_好压看图.png" />
<img class="w-5 h-5 ml-4 mr-4" src="刷新_好压看图.png" />
</div>
</div>
<div class="rounded-lg ml-4 bg-white h-20 w-11/12 p-3">
你好
</div>
</div>
</div>
</div>
</div>
</body>
<style>
.content{
overflow-y: scroll;
/* overflow-y: hidden; */
}
.content::-webkit-scrollbar{
display: none;
}
.taskBar{
overflow-y: scroll;
/* overflow-y: hidden; */
}
.taskBar::-webkit-scrollbar{
display: none;
}
</style>
</html>

BIN
刷新_好压看图.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

Write Preview
Loading…
Cancel
Save