dolphin-weex-bc 0.0.37 → 0.0.39

package/packages/dof-material-add-card/assets/css/index.css

@@ -0,0 +1,681 @@
+.material-container{
+  position: relative;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  /* background-color: #FFFFFF; */
+  /* background: url('../img/material/bg_manage@2x.png'); */
+}
+.outsideWrapper{
+  flex: 1;
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 750px;
+}
+.right-img-wrapper{
+  width: 750px;
+  height: 170px;
+  display: flex;
+  justify-content: flex-end;
+  padding-left: 34px;
+  padding-bottom: 10px;
+  box-sizing: border-box;
+  position: relative;
+  /* background-color: yellow; */
+}
+.top-title{
+  position: absolute;
+  left: 312px;
+  bottom: 14px;
+  font-size: 32px;
+  font-weight: 500;
+  color: #1E2E37;
+}
+
+.scrollerWrapper-bottom{
+  width: 750px;
+  height: 40px;
+}
+.scrollerWrapper{
+  flex: 1;
+  width: 750px;
+}
+.scrollerWrapper-topFix{
+  width: 750px;
+  background-color: transparent;
+}
+.material-header{
+  width: 750px;
+  /* height: 222px; */
+  text-align: left;
+  display: flex;
+  /* justify-content: center; */
+  align-items: flex-start;
+  padding: 23px 40px 0;
+  box-sizing: border-box;
+  /* margin-bottom: 68px; */
+  /* position: absolute; */
+  /* top: 206px; */
+  /* left: 40px; */
+  /* z-index: 20; */
+  position: relative;
+}
+.tips-row {
+  width: 750px;
+  height: 72px;
+  background-color: rgba(255,247,213,0.8);
+  padding: 0 32px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  /* justify-content: center; */
+  align-items: center;
+  position: absolute;
+  top: 192px;
+}
+.icon-tips {
+  margin-right: 8px;
+}
+.txt-tips {
+  font-size: 24px;
+  color: #FF9500;
+  font-weight: 400;
+}
+
+.scroll-wrapper{
+  flex: 1;
+  width: 750px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-grow: 1;
+  position: relative;
+  /* height: 2000px; */
+  /* padding-top: 100px; */
+}
+.bg-wrapper{
+
+}
+.title-bg1{
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 750px;
+  height: 500px;
+}
+.title-bg1{
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 750px;
+  height: 500px;
+}
+.header-txt{
+  font-size: 48px;
+  color: #1E2E37;;
+  font-weight: 400;
+}
+.header-tips{
+  font-size: 24px;
+  color: #8E969B;;
+  font-weight: 400;
+  margin-top: 16px;
+  margin-bottom: 62px;
+}
+.icon-back {
+  font-size: 64px;
+  color: #ffffff;
+  font-family: mideaFont;
+}
+
+/* 耗材列表 */
+.material-wrapper{
+  width: 686px;
+  /* padding: 0 32px; */
+  box-sizing: border-box;
+  margin-bottom: 26px;
+  /* margin-top: -15px; */
+  /* margin-top: 34px; */
+  /* background-color: #f9f9f9; */
+  /* background-image: linear-gradient(to bottom, transparent, #f9f9f9); */
+  position: relative;
+  z-index: 100;
+  /* margin-top: -344px; */
+  /* background-color: #00A4F2; */
+}
+.l-tittle-insufficient-box{
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+}
+.l-add-cart{
+  width: 128px;
+  height: 44px;
+}
+.l-tittle{
+  padding-left: 8px; 
+  font-size: 24px;
+  color: #8E969B;
+  line-height: 36px;
+  font-weight: 400;
+  margin-bottom: 28px;
+}
+.material-list{
+  width: 686px;
+  /* height: 640px; */
+  /* background-color: #F6F7F9; */
+  border-radius: 24px 24px 24px 24px;
+  margin-bottom: 34px;
+  overflow: hidden;
+}
+.material-title{
+  height: 160px;
+  padding: 0 32px 0 36px;
+  /* background-image: linear-gradient(to bottom, #f5fcfe, #FFFFFF); */
+  /* border: 2px solid #FFFFFF; */
+  border-bottom: 1px solid #DDDDDD;
+  border-radius: 24px 24px 0 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.drag-slider{
+  width: 88px;
+  height: 88px;
+  margin-right: 28px;
+}
+.title-content{
+  flex: 1;
+}
+.title-icon{
+  margin-right: 28px;
+  width: 88px;
+  height: 88px;
+  /* border-radius: 12px; */
+}
+.title-icon3{
+  border-radius: 12px;
+}
+.title-txt1-1{
+  font-size: 28px;
+  font-weight: 500;
+  color: #1E2E37;
+  margin-bottom: 16px;
+  flex: 1;
+  lines: 2;
+  text-overflow: ellipsis;
+}
+.title-txt1{
+  font-size: 28px;
+  font-weight: 500;
+  color: #1E2E37;;
+  margin-bottom: 16px;
+  flex: 1;
+  lines: 1;
+  text-overflow: ellipsis;
+}
+.title-txt2{
+  max-width: 426px;
+  overflow: hidden;
+  lines: 1;
+  text-overflow: ellipsis;
+  font-size: 24px;
+  color: #8E969B;
+}
+.title-txt2-overflow{
+  max-width: 426px;
+  overflow: hidden;
+  lines: 1;
+  text-overflow: ellipsis;
+}
+.title-txt2-user{
+  font-size: 24px;
+  color: #8E969B;
+}
+.title-txt3-box{
+  flex-direction: row;
+}
+.title-txt3-1{
+  max-width: 426px;
+  overflow: hidden;
+  lines: 1;
+  text-overflow: ellipsis;
+  font-size: 24px;
+  color: #8E969B;
+}
+.title-txt3{
+  font-size: 24px;
+  color: #F56428;
+}
+.material-item{
+  height: 160px;
+  padding: 0 32px 0 36px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+/* .material-item:nth-child(){
+  border-radius: 0 0 24px 24px;
+} */
+.item-left{
+  /* margin-right: 32px; */
+}
+.circle-noData{
+  width: 88px;
+  height: 88px;
+  margin-right: 28px;
+  border-radius: 50%;
+  /* background-color: #FFFFFF; */
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.circle-noData1{
+  width: 88px;
+  height: 88px;
+  margin-right: 28px;
+  border-radius: 50%;
+  /* background-color: #FFFFFF; */
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  /* border-radius: 12px; */
+  overflow: hidden;
+}
+.title-icon-noData1{
+
+}
+.noData-txt{
+  font-size: 22;
+  font-weight: 600;
+  color: #8E969B;
+}
+.item-right{
+  flex:1;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  /* background-color: red; */
+}
+.item-right-txt{
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.item-txt1{
+  width: 380px;
+  lines: 1;
+  word-wrap: anywhere;
+  text-overflow: ellipsis;
+  font-size: 32px;
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 10px;
+}
+.item-txt2-row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.item-txt2{
+  font-size: 24px;
+  font-weight: 400;
+  color: #FF6A4C;
+}
+.item-txt4{
+  font-size: 24px;
+  font-weight: 400;
+  color: #8E969B;
+}
+.item-txt5{
+  font-size: 24px;
+  font-weight: 400;
+  color: #FFAA10;
+}
+.item-txt3{
+  font-size: 24px;
+  font-weight: 400;
+  color: #F56428;
+}
+.item-right-arrow{
+  margin-right: -4px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.btn-purhase {
+  width: 96px;
+  height: 48px;
+  border-radius: 30px;
+  background-color: rgba(0,164,242,0.1);;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 16px;
+}
+
+.btn-purhase-empty{
+  width: 96px;
+  height: 48px;
+  margin-right: 16px;
+}
+
+.txt-purhase {
+  font-size: 22px;
+  color: #00A4F2;
+  font-weight: 500;
+
+}
+.arrow-icon{
+  width:24px; 
+  height:24px;
+  color:#C7C7CC;
+}
+
+.arrow-icon-empty{
+  width:24px; 
+  height:24px;
+}
+
+.no-data{
+  width: 686px;
+  height: 1190px;
+  /* background-color: #fff; */
+  /* border: 4px solid #fff; */
+  border-radius: 32px;
+  /* margin-top: -344px; */
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  padding-top: 290px;
+  box-sizing: border-box;
+  /* margin-top: -10px; */
+}
+.no-data-img{
+  width: 380px;
+  height: 320px;
+  margin-bottom: 40px;
+}
+.no-data-txt{
+  font-size: 28px;
+  color: #8A8A8F;
+  font-weight: 400;
+}
+
+.circle {
+  width: 88px;
+  height: 88px;
+  margin-right: 28px;
+}
+
+.temp-box{
+  position: absolute;
+  top: 80px;
+  left: 250px;
+  z-index: 9000;
+}
+
+
+.progresscycle-wrapper {
+  /* width: 750px; */
+  width: 88px;
+  height: 88px;
+  justify-content: center;
+  align-items: center;
+  /* border-color: red;
+  border-width: 1px; */
+  /* padding: 20px; */
+  position: relative;
+  /* background-color: #F6F7F9; */
+  padding: 0 !important;
+  /* border-radius: 50%; */
+  margin-right: 32px;
+  /* background-color: red; */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.progresscycle {
+  width: 96px;
+  height: 96px;
+  justify-content: center;
+  align-items: center;
+  /* position: relative; */
+  /* padding: 0 !important; */
+  /* border-radius: 50%; */
+  /* background-color: yellow; */
+}
+.cricle-num-wrapper{
+  /* position: absolute; */
+  /* top: 50%; */
+  /* left: 28%; */
+  /* transform: translateX(-50%); */
+  left: 50%;
+  transform: translate(-60%, 0);
+  position: absolute;
+  z-index: 9888;
+  flex: 1;
+  /* display: flex;
+  justify-content: center;
+  align-items: center; */
+  /* background-color: red; */
+}
+.cricle-num-txt{
+  font-size: 24px;
+  color: #00A4F2;
+}
+
+.material-status {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  /* margin-top: 32px; */
+  position: relative;
+  padding-right: 32px;
+}
+.status-txt{
+  font-size: 28px;
+  color: #616C73;
+  font-weight: 500;
+  line-height: 32px;
+}
+.triangle-bottom{
+  width: 24px;
+  height: 24px;
+  margin-left: 6px;
+}
+.filter-list{
+  position: fixed;
+  /* bottom: 200px; */
+  top: 400px;
+  right: 32px;
+  z-index: 9999;
+  width: 336px;
+  height: 292px;
+  border-radius: 40px;
+  background-color: #fff;
+}
+.filter-scroller-wrapper{
+
+}
+.filter-scroller{
+  height: 292px;
+  padding: 20px 48px 20px 56px;
+}
+.filter-home-list{
+  right: 0;
+  left: 32px;
+  width: 380px;
+}
+.filter-device-list{
+  right: 0;
+  left: 300px;
+  width: 380px;
+}
+.filter-device{
+  height: 208px;
+}
+
+.filter-device-homeCharacter{
+  left: 220px;
+}
+
+.filter-item{
+  /* flex: 1; */
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  overflow: hidden;
+}
+.filter-item-txt-usually{
+  flex: 3;
+  lines:1;
+  text-overflow: ellipsis;
+  font-size: 28px;
+  line-height: 84px;
+}
+.filter-item-txt{
+  color: #1E2E37;
+  font-weight: 400;
+}
+.filter-item-img{
+  width: 32px;
+  height: 32px;
+}
+.filter-item-selcted{
+  color: #00A4F2;
+  font-weight: 600;
+}
+
+.unintelligent-device-wrapper{
+  width: 686px;
+  /* padding: 0 32px; */
+  box-sizing: border-box;
+  margin-bottom: 34px;
+  /* margin-top: -10px; */
+  position: relative;
+}
+.unintelligent-divide-line{
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 48px;
+}
+.unintelligent-divide-txt{
+  font-size: 22px;
+  color: #8E969B;
+  font-weight: 400;
+}
+
+.shift-row{
+  width: 750px;
+  /* height: 90px; */
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 32px;
+  box-sizing: border-box;
+  margin-top: 16px;
+  margin-bottom: 4px;
+}
+.device-switch{
+  display: flex;
+  flex-direction: row;
+  /* justify-content: space-between; */
+  align-items: center;
+  flex: 2;
+  /* background-color: red; */
+}
+.home-device{
+   flex-direction: row;
+   align-items: center;
+}
+.home-text{
+  /* max-width: 210px;
+  lines: 1;
+  word-wrap: anywhere;
+  text-overflow: ellipsis; */
+}
+.filter-img{
+  width: 48px;
+  height: 48px;
+}
+.item-txt {
+  font-size: 28px;
+  color: #616C73;
+  font-weight: 400;
+  line-height: 54px;
+}
+.slected-line1{
+  width: 54px;
+  height: 4px;
+  background-color: #00A4F2;
+  position: absolute;
+  bottom: 0px;
+  left: 29px;
+}
+.slected-line2{
+  width: 54px;
+  height: 4px;
+  background-color: #00A4F2;
+  position: absolute;
+  bottom: 0px;
+  left: 43px;
+}
+.item-slected{
+  color: #1E2E37;
+  font-weight: 500;
+  font-size: 28px;
+  line-height: 54px;
+}
+
+.wrapper{
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  background-color: #ffffff;
+}
+
+.insideWrapper{
+  flex: 1;
+}
+
+.resultBox{
+  width: 750px;
+  flex: 1;
+  flex-direction: column;
+  background-color: #f9f9f9;
+  align-items: center;
+}
+.notNetwork{
+  margin-top: 300px;
+  width: 480px;
+  height: 400px;
+}
+.noNetworkTips{
+  /* padding-top: 48px; */
+  font-family: PingFangSC-Regular;
+  font-size: 28px;
+  color: #8A8A8F;
+  text-align: center;
+}
+.empty-callOnlineServiceButton{
+  margin-top: 48px;
+  font-size: 28px;
+}