lilei 4 anos atrás
pai
commit
870273a934
1 arquivos alterados com 263 adições e 0 exclusões
  1. 263 0
      hybrid/html/css/styles.css

+ 263 - 0
hybrid/html/css/styles.css

@@ -0,0 +1,263 @@
+* {
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  height: 100%;
+  overflow: hidden;
+}
+
+.storeCheck {
+  height: calc(100vh);
+  display: flex;
+  flex-direction: column;
+}
+.storeCheck .loading {
+  background: #fff;
+  height: 100%;
+  width: 100%;
+  text-align: center;
+  position: fixed;
+  z-index: 10000;
+  left: 0;
+  top: 0;
+}
+.storeCheck .loading .ant-spin {
+  margin-top: 50%;
+}
+.storeCheck .checkWork {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}
+.storeCheck .checkWork .checkWork-head {
+  position: relative;
+}
+.storeCheck .checkWork .checkWork-head .checkWork-head-row:first-child > div {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.storeCheck .checkWork .checkWork-head .checkWork-head-row:first-child > div > div:last-child {
+  flex-grow: 1;
+}
+.storeCheck .checkWork .checkWork-head .checkWork-head-row > div {
+  width: 100%;
+  padding: 5px 10px;
+  display: flex;
+  align-items: center;
+}
+.storeCheck .checkWork .checkWork-head .checkWork-head-row > div:first-child {
+  border-bottom: 1px solid #eee;
+}
+.storeCheck .checkWork .checkWork-head .checkWork-head-row > div > div {
+  width: 33.3%;
+  padding: 3px 0;
+}
+.storeCheck .checkWork .checkWork-head .checkWork-head-row > div .ant-dropdown-link {
+  width: 100%;
+  display: block;
+  text-align: right;
+  color: #666666;
+}
+.storeCheck .checkWork .checkWork-body {
+  flex-grow: 1;
+  display: flex;
+  background: #f8f8f8;
+  overflow: auto;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs {
+  width: 26%;
+  padding: 1px 0;
+  overflow-y: scroll;
+  box-shadow: 1px 1px 3px #eee;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items {
+  text-align: center;
+  padding: 8px 5px;
+  position: relative;
+  margin: 5px;
+  background: #fff;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items .edit {
+  font-size: 14px;
+  color: #ff0000;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items .aicon {
+  color: #fff;
+  position: absolute;
+  font-size: 12px;
+  left: -5px;
+  top: -6px;
+  background: #ff0000;
+  padding: 3px;
+  border-radius: 100%;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items.active {
+  background: #91D5FF;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons {
+  width: 74%;
+  padding: 5px;
+  overflow-y: scroll;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items {
+  background: #fff;
+  padding: 5px;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  box-shadow: 1px 1px 3px #eee;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .remarks {
+  padding: 5px;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos {
+  display: block;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos span {
+  border: 1px solid #eee;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos > div {
+  display: inline-block;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div {
+  display: flex;
+  align-items: center;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div {
+  padding: 5px;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div:first-child {
+  flex-grow: 1;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .anticon {
+  font-size: 30px;
+  color: #666;
+  margin-left: 15px;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-bsy {
+  color: #13C2C2;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-bhg {
+  color: #ff0000;
+}
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-hg {
+  color: #00be00;
+}
+.storeCheck .checkWork .checkWork-button > div {
+  padding: 10px;
+  text-align: center;
+  font-size: 18px;
+  background: #FAAD14;
+  color: #fff;
+}
+
+.videoPlay {
+  position: relative;
+  height: 240px;
+}
+.videoPlay .control-yt, .videoPlay .control-yt-close {
+  position: absolute;
+  right: 15px;
+  top: 15px;
+  z-index: 100000;
+  width: 32px;
+  height: 32px;
+  background: url(../static/icons/kz-mini.png) no-repeat center center;
+  background-size: contain;
+}
+.videoPlay .control-yt-close {
+  background: url(../static/icons/close.png) no-repeat center center;
+  background-size: contain;
+}
+.videoPlay .ytBtns {
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  z-index: 10000;
+  opacity: 50%;
+}
+.videoPlay .yt-left {
+  left: 20%;
+  top: 100px;
+  background: url(../static/icons/left.png) no-repeat center center;
+  background-size: contain;
+}
+.videoPlay .yt-right {
+  right: 20%;
+  top: 100px;
+  background: url(../static/icons/right.png) no-repeat center center;
+  background-size: contain;
+}
+.videoPlay .yt-top {
+  left: 50%;
+  top: 20px;
+  margin-left: -20px;
+  background: url(../static/icons/up.png) no-repeat center center;
+  background-size: contain;
+}
+.videoPlay .yt-bottom {
+  left: 50%;
+  bottom: 20px;
+  margin-left: -20px;
+  background: url(../static/icons/down.png) no-repeat center center;
+  background-size: contain;
+}
+.videoPlay .prism-player .prism-controlbar {
+  background: rgba(0, 0, 0, 0.5);
+}
+
+.pzPopus .pz-pinglun {
+  display: flex;
+  align-items: center;
+}
+.pzPopus .pz-pinglun .remarks {
+  flex-grow: 1;
+  padding-right: 15px;
+}
+.pzPopus .pz-pinglun .icons {
+  border: 1px solid #aaa;
+  padding: 10px;
+  border-radius: 100%;
+  width: 60px;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.pzPopus .pz-pinglun .icons .aicon {
+  font-size: 30px;
+  color: #999;
+}
+.pzPopus .imglist {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 30px 0 20px;
+}
+.pzPopus .imglist > div {
+  position: relative;
+  padding: 3px;
+  border: 1px solid #eee;
+  border-radius: 5px;
+  margin-right: 10px;
+}
+.pzPopus .imglist > div img {
+  width: 45px;
+  height: 45px;
+}
+.pzPopus .imglist > div .aicon {
+  color: #fff;
+  position: absolute;
+  font-size: 12px;
+  right: -6px;
+  top: -8px;
+  background: #FF0000;
+  padding: 2px;
+  border-radius: 100%;
+}
+.pzPopus .f-btns {
+  padding: 10px 0;
+}