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

适配模板

master
wally 4 years ago
parent
8f936562c0
commit
809f482cc5
2 changed files with 73 additions and 124 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. 2
      .gitignore
  2. 193
      index.html

2
.gitignore
View File

@ -0,0 +1,2 @@
.idea
.vscode

193
index.html
View File

@ -12,123 +12,78 @@
<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 class="w-full p-4 bg-gray-100">
<!-- 日常任务面板-->
<div class="content p-3 h-46 bg-white rounded-lg">
<div class="h-6 mb-2 bg-gray-100"></div>
<div class="h-6 mb-2 bg-gray-100"></div>
<div class="h-6 mb-2 bg-gray-100"></div>
<div class="h-6 mb-2 bg-gray-100"></div>
<div class="h-6 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="task-bar h-96 w-full bg-gray-100 p-4">
<div class="flex mb-3">
<!-- 序号-->
<div class="flex flex-col items-center">
<div class="rounded-full h-8 w-8 mb-1 bg-gray-100 border-2 border-blue-500"></div>
<div class="w-8 flex-1 flex flex-col items-center">
<div class="w-0.5 flex-1 bg-gray-300"></div>
</div>
</div>
<div class="flex-1">
<!-- 定期任务面板-->
<div class="rounded-lg ml-4 bg-white p-3">
<!-- 示例插件1-->
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button>
<!-- 示例插件2 id=100-->
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
<script>
const p100 = {
name: 'hello tall plugin',
show() {
alert(this.name)
}
}
</script>
</div>
</div>
</div>
<div class="flex mb-3">
<!-- 序号-->
<div class="flex flex-col items-center">
<div class="rounded-full h-8 w-8 mb-1 bg-gray-100 border-2 border-blue-500"></div>
<div class="w-8 flex-1 flex flex-col items-center">
<div class="w-0.5 flex-1 bg-gray-300"></div>
</div>
</div>
<div class="flex-1">
<!-- 定期任务面板-->
<div class="rounded-lg ml-4 bg-white p-3">
<!-- 示例插件1-->
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button>
<!-- 示例插件2 id=100-->
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
<script>
const p100 = {
name: 'hello tall plugin',
show() {
alert(this.name)
}
}
</script>
</div>
</div>
</div>
@ -136,18 +91,10 @@
</div>
</body>
<style>
.content{
overflow-y: scroll;
/* overflow-y: hidden; */
}
.content::-webkit-scrollbar{
display: none;
}
.taskBar{
.content, .task-bar{
overflow-y: scroll;
/* overflow-y: hidden; */
}
.taskBar::-webkit-scrollbar{
.content::-webkit-scrollbar, .task-bar::-webkit-scrollbar{
display: none;
}
</style>

Write Preview
Loading…
Cancel
Save