10月换机活动

microserviceUserH5/index.html

@@ -104,7 +104,7 @@
                 security: encrypts
             }
             $.ajax({
-                url: baseUrl + '/file-center/fileOperate/getImage?id=' + fileId,
+                url: 'https://wjzx.androidscloud.com:9091/file-center/fileOperate/getImage?id=' + fileId,
                 type: 'get',
                 headers: data,
                 xhrFields: { responseType: "blob" },

microserviceUserH5/static/css/changePhoneActivity.css

@@ -0,0 +1,433 @@
+@media screen and (max-width: 750px) {
+  html {
+    font-size: calc(100vw / 7.5);
+  }
+}
+
+@media screen and (min-width: 750px) {
+  html {
+    font-size: calc(450px / 7.5);
+  }
+}
+
+html, body, div, ul, li, p {
+  padding: 0;
+  margin: 0;
+}
+
+ul, li {
+  list-style: none;
+}
+
+.header{
+  width: 7.5rem;
+  height: 13.34rem;
+  margin: 0 auto;
+  position: relative;
+}
+.bg_img{
+  width: 100%;
+  height: 100%;
+}
+.share{
+  width: 0.88rem;
+  height: 0.45rem;
+  position: absolute;
+  top: 0.7rem;
+  right: 0;
+}
+.logo{
+  width: 2.36rem;
+  height: 0.73rem;
+  position: absolute;
+  top: 1.44rem;
+  left: 2.52rem;
+}
+.theme{
+  width: 5.43rem;
+  height: 2.44rem;
+  position: absolute;
+  top: 2.5rem;
+  left: 1.11rem;
+}
+.activity-bg{
+  width: 4.91rem;
+  height: 0.98rem;
+  position: absolute;
+  top: 5.08rem;
+  left: 1.28rem;
+}
+.time{
+  width: 4.25rem;
+  height: 0.63rem;
+  position: absolute;
+  top: 5.21rem;
+  left: 1.62rem;
+}
+.login-container{
+  width: 6.44rem;
+  height: 5.88rem;
+  position: absolute;
+  top: 6.26rem;
+  left: 0.65rem;
+}
+.login-bg{
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.login-row-select{
+  width: 5.04rem;
+  height: 0.72rem;
+  position: absolute;
+  top: 1.14rem;
+  left: 0.63rem;
+  background-color: #FFFFFF;
+  border-radius: 5px;
+}
+.options{
+  width: 2.92rem;
+  height: 1.2rem;
+  position: absolute;
+  top: 1.68rem;
+  left: 1.73rem;
+  display: none;
+}
+.show{
+  display: block;
+}
+.first{
+  width: 2.92rem;
+  height: 0.57rem;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 99;
+}
+.second{
+  width: 2.92rem;
+  height: 0.57rem;
+  position: absolute;
+  top: 0.66rem;
+  left: 0;
+  z-index: 99;
+}
+.first-text{
+  font-size: 14px;
+  color: #FFFFFF;
+  position: absolute;
+  top: 0.1rem;
+  left: 0.84rem;
+  z-index: 999;
+}
+.second-text{
+  font-size: 14px;
+  color: #FFFFFF;
+  position: absolute;
+  top: 0.81rem;
+  left: 0.84rem;
+  z-index: 999;
+}
+.login-row-account{
+  width: 5.04rem;
+  height: 0.72rem;
+  position: absolute;
+  top: 2.1rem;
+  left: 0.63rem;
+  background-color: #FFFFFF;
+  border-radius: 5px;
+}
+.login-row-password{
+  width: 5.04rem;
+  height: 0.72rem;
+  position: absolute;
+  top: 3.06rem;
+  left: 0.63rem;
+  background-color: #FFFFFF;
+  border-radius: 5px;
+}
+.login-row-title{
+  position: absolute;
+  top: 0.14rem;
+  left: 0.14rem;
+  font-size: 16px;
+}
+.login-row-plc{
+  position: absolute;
+  top: 0.1rem;
+  left: 1.14rem;
+  font-size: 16px;
+}
+.login-row-ipt{
+  border: none;
+  outline: none;
+  position: absolute;
+  top: 0.2rem;
+  left: 1.2rem;
+}
+.icon-down-img{
+  width: 0.32rem;
+  height: 0.18rem;
+  position: absolute;
+  top: 0.26rem;
+  right: 0.2rem;
+}
+.login-btn{
+  width: 2.75rem;
+  height: 0.75rem;
+  position: absolute;
+  bottom: 0.22rem;
+  left: 1.76rem;
+}
+.login-btn-text{
+  width: 1.81rem;
+  height: 0.48rem;
+  position: absolute;
+  bottom: 0.39rem;
+  left: 2.21rem;
+}
+.read-rule{
+  position: absolute;
+  top: 11.58rem;
+  left: 2.02rem;
+}
+.selected{
+  width: 0.2rem;
+  height: 0.2rem;
+  position: absolute;
+  top: 0.82rem;
+  left: 0.12rem;
+}
+.no-selected{
+  width: 0.2rem;
+  height: 0.2rem;
+  position: absolute;
+  top: 0.82rem;
+  left: 0.12rem;
+  display: none;
+}
+.rule-text{
+  width: 3.11rem;
+  height: 0.23rem;
+  position: absolute;
+  top: 0.8rem;
+  left: 0.42rem;
+}
+.entry-QQ{
+  width: 5.84rem;
+  height: 0.6rem;
+  position: absolute;
+  bottom: -0.2rem;
+  left: 0.83rem;
+  z-index: 9;
+}
+.entry-QQ-btn{
+  width: 5.84rem;
+  height: 0.6rem;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.middle{
+  width: 7.5rem;
+  height: 13.34rem;
+  margin: 0 auto;
+  position: relative;
+}
+.middle_bg_img{
+  width: 100%;
+  height: 100%;
+}
+.activity-rule{
+  width: 5.36rem;
+  height: 0.97rem;
+  position: absolute;
+  top: 0.42rem;
+  left: 1.07rem;
+}
+.activity-rule-btn{
+  width: 5.36rem;
+  height: 0.97rem;
+  position: absolute;
+  top: 0.04rem;
+  left: 0;
+}
+.activity-rule-text{
+  width: 1.56rem;
+  height: 0.37rem;
+  position: absolute;
+  top: 0.3rem;
+  left: 1.9rem;
+}
+.rule1{
+  width: 6.2rem;
+  height: 3.98rem;
+  position: absolute;
+  top: 1.75rem;
+  left: 0.65rem;
+}
+.rule2{
+  width: 6.2rem;
+  height: 4.7rem;
+  position: absolute;
+  top: 6.14rem;
+  left: 0.65rem;
+}
+.rule3{
+  width: 6.2rem;
+  height: 3.13rem;
+  position: absolute;
+  top: 11.24rem;
+  left: 0.65rem;
+  z-index: 999;
+}
+.footer{
+  width: 7.5rem;
+  height: 9.83rem;
+  margin: 0 auto;
+  position: relative;
+}
+.footer_bg_img{
+  width: 100%;
+  height: 100%;
+}
+.rule4{
+  width: 6.2rem;
+  height: 6.68rem;
+  position: absolute;
+  top: 1.75rem;
+  left: 0.65rem;
+}
+
+#toast-container>.toast-error {
+  background-image: none !important;
+}
+
+.toast-error {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+#toast-container>div {
+  font-size: 14px;
+  min-width: 80px !important;
+  padding: 12px !important;
+  box-shadow: none;
+}
+
+.toast-center-center {
+  min-width: 100px;
+  top: 50%;
+  left: 50%;
+  text-align: center;
+  transform: translateX(-50%);
+}
+
+@media (max-width: 480px) and (min-width: 241px) {
+  #toast-container>div {
+    min-width: 80px !important;
+    width: auto;
+  }
+}
+
+.mask {
+  width: 100%;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.24);
+  display: none;
+}
+
+.dialog {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  top: -6.96rem;
+  z-index: 999;
+}
+
+.dialog-bg{
+  width: 4.96rem;
+  height: 5.08rem;
+}
+
+.title{
+  width: 2.75rem;
+  height: 0.38rem;
+  position: absolute;
+  top: 1.22rem;
+  left: 1.1rem;
+}
+.content{
+  width: 3.55rem;
+  height: 1.11rem;
+  position: absolute;
+  top: 2.01rem;
+  left: 0.72rem;
+}
+
+.register-btn{
+  width: 2.29rem;
+  height: 0.64rem;
+  position: absolute;
+  bottom: 0.88rem;
+  left: 1.35rem;
+}
+.register-text{
+  width: 1.44rem;
+  height: 0.39rem;
+  position: absolute;
+  bottom: 1.01rem;
+  left: 1.78rem;
+}
+
+.tip {
+  width: 4.88rem;
+  height: 2.8rem;
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  top: -6.96rem;
+  z-index: 999;
+}
+
+.tip-bg{
+  width: 4.88rem;
+  height: 2.8rem;
+}
+
+.tip-title{
+  width: 4.88rem;
+  text-align: center;
+  font-size: 14px;
+  position: absolute;
+  top: 0.95rem;
+}
+
+.sure-btn{
+  width: 1.43rem;
+  height: 0.66rem;
+  position: absolute;
+  bottom: 0.53rem;
+  left: 1.76rem;
+}
+.sure-text{
+  width: 0.78rem;
+  height: 0.34rem;
+  position: absolute;
+  bottom: 0.73rem;
+  left: 2.05rem;
+}
+
+.hidden{
+  display: none;
+}
+.show{
+  display: block;
+}