first commit

dist/application/assets/css/.pydio

@@ -0,0 +1 @@
+787f2667-a007-4f3c-b1e6-9314a335cf60

dist/application/assets/css/Home.css

@@ -0,0 +1,67 @@
+.Home ul {
+  display: flex;
+  flex-wrap: wrap;
+}
+.Home ul li {
+  margin-left: 15px;
+  width: 15%;
+  margin-bottom: 18px;
+}
+.Home ul li .abbreviation_f {
+  width: 100%;
+  height: 178px;
+  position: relative;
+  text-align: center;
+  overflow: hidden;
+}
+.Home ul li .abbreviation_f .zz {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  background: #000;
+  filter: blur(10px);
+}
+.Home ul li .abbreviation_f .thumbnailUrl {
+  width: 103px;
+  height: 178px;
+  position: absolute;
+  z-index: 3;
+  left: 50%;
+  margin-left: -51.5px;
+}
+.Home ul li .abbreviation_f .tips {
+  position: absolute;
+  z-index: 99;
+  color: #fff;
+  padding: 2px 5px;
+  right: 0;
+  bottom: 0;
+  font-size: 13px;
+}
+.Home ul li .abbreviation_f .red {
+  background: red;
+}
+.Home ul li .abbreviation_f .green {
+  background: green;
+}
+.Home ul li .info {
+  display: flex;
+  width: 100%;
+  justify-content: flex-start;
+  align-items: center;
+}
+.Home ul li .info img {
+  width: 25px;
+  height: 25px;
+  border-radius: 100%;
+}
+.Home ul li .info p {
+  font-size: 13px;
+  width: 93%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-left: 10px;
+  color: #bababa;
+}

dist/application/assets/css/PlayVideo.css

@@ -0,0 +1,126 @@
+html,
+body,
+.PlayVideo,
+#my-video {
+  background: #000;
+  width: 100%;
+  height: 100%;
+  outline: none !important;
+}
+.swiper-container {
+  width: 100%;
+  height: 100%;
+}
+.swiper-container .swiper-slide {
+  text-align: center;
+}
+.swiper-container img {
+  height: 100%;
+}
+.PlayVideo {
+  position: fixed;
+}
+.PlayVideo .title {
+  width: 100%;
+  height: 45px;
+  text-align: center;
+  line-height: 45px;
+  color: #fff;
+  position: fixed;
+  z-index: 99;
+}
+.PlayVideo .title i {
+  position: absolute;
+  right: 20px;
+  font-size: 25px;
+  cursor: pointer;
+}
+.PlayVideo .title i:before {
+  cursor: pointer;
+}
+.PlayVideo .title .down_video {
+  right: 60px;
+}
+.PlayVideo .title .down_comment {
+  cursor: pointer;
+  right: 20px;
+  top: 2px;
+  font-size: 22px;
+}
+.PlayVideo .comment_list {
+  position: absolute;
+  right: -256px;
+  z-index: 90;
+  width: 256px;
+  background: #202020;
+  height: calc(100% - 32px);
+  top: 0;
+  overflow-y: scroll;
+  padding-top: 32px;
+}
+.PlayVideo .comment_list .showComment {
+  display: none;
+}
+.PlayVideo .comment_list .showComment .sub_comment {
+  padding: 0 !important;
+  margin-top: 15px;
+  border-bottom: none !important;
+}
+.PlayVideo .comment_list .showComment .sub_comment img {
+  width: 24px !important;
+  height: 24px !important;
+}
+.PlayVideo .comment_list .showComment .sub_comment .list_item {
+  margin-left: 8px !important;
+}
+.PlayVideo .comment_list .showComment .sub_comment .item_content {
+  font-size: 13px !important;
+}
+.PlayVideo .comment_list .item_comment {
+  display: flex;
+  justify-content: space-between;
+  padding: 15px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #303030;
+}
+.PlayVideo .comment_list .item_comment:hover {
+  background: #2d2b2b;
+  cursor: pointer;
+}
+.PlayVideo .comment_list .item_comment img {
+  width: 30px;
+  height: 30px;
+  border-radius: 100%;
+}
+.PlayVideo .comment_list .item_comment .list_item {
+  margin-left: 13px;
+  width: 100%;
+}
+.PlayVideo .comment_list .item_comment .list_item .item_title {
+  margin-top: 6px;
+  color: #576b95;
+  margin-bottom: 10px;
+}
+.PlayVideo .comment_list .item_comment .list_item .item_content {
+  color: #909090;
+  font-size: 14px;
+  margin-bottom: 8px;
+}
+.PlayVideo .comment_list .item_comment .list_item .icon-like {
+  color: #606060;
+  font-size: 13px;
+}
+.PlayVideo .comment_list .item_comment .list_item .icon-like .numbe {
+  margin-left: 4px;
+}
+.PlayVideo .comment_list .item_comment .list_item .icon-like .view_other {
+  margin-left: 12px;
+}
+.PlayVideo .comment_list .item_comment .list_item .icon-like .view_other .icon-cc-down {
+  margin-left: 3px;
+}
+.PlayVideo .comment_list .item_comment .list_item .icon-like .view_other span,
+.PlayVideo .comment_list .item_comment .list_item .icon-like .view_other .icon-cc-down {
+  color: #909090;
+  font-size: 12px;
+}

dist/application/assets/css/clear.css

@@ -0,0 +1,22 @@
+html,
+body {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  -webkit-app-region: drag;
+}
+ul,
+li {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.content {
+  float: left;
+  width: calc(100% - 200px);
+  margin-left: 200px;
+  margin-top: 50px;
+}
+a {
+  text-decoration: none;
+}

dist/application/assets/css/header.css

@@ -0,0 +1,44 @@
+.action {
+  width: 100%;
+  height: 50px;
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  z-index: 999;
+}
+.action .left_action {
+  width: 200px;
+  height: 100%;
+  background: #f6f6f6;
+  float: left;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: 6px;
+  box-sizing: border-box;
+}
+.action .left_action .icon-houtui {
+  margin-right: 15px;
+}
+.action .right_menu {
+  width: calc(100% - 200px);
+  height: 100%;
+  background: #f9f9f9;
+  float: left;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.action .right_menu .menu_text {
+  font-weight: 500;
+  font-size: 15px;
+  margin-left: 32px;
+}
+.action .right_menu .menu_action i {
+  margin-right: 20px;
+  font-size: 22px;
+}
+.action .right_menu .menu_action .icon-yifu {
+  font-size: 20px;
+}

dist/application/assets/css/nav.css

@@ -0,0 +1,32 @@
+.nav_menu {
+  width: 200px;
+  height: calc(100% - 50px);
+  background: #ededed;
+  float: left;
+  position: fixed;
+  left: 0;
+  top: 50px;
+}
+.nav_menu .title {
+  margin-left: 20px;
+  color: #888888;
+  margin-bottom: 7px;
+  padding-top: 20px;
+  font-size: 14px;
+}
+.nav_menu .item_menu {
+  height: 40px;
+  line-height: 40px;
+  padding-left: 20px;
+  cursor: pointer;
+}
+.nav_menu .item_menu:hover {
+  background: #e1e1e1;
+}
+.nav_menu .item_menu .icon-ziyuan {
+  font-size: 15px;
+}
+.nav_menu .item_menu span {
+  color: #2f2f2f;
+  margin-left: 9px;
+}