Merge branch 'vanni'

gtlab2023 · Nov 16, 2021 · 24acd78 · 24acd78
2 parents 14e8e39 + d49129c
commit 24acd78
Show file tree

Hide file tree

Showing 28 changed files with 10,525 additions and 0 deletions.
diff --git a/src/vender/css/auth/ImgCropping.css b/src/vender/css/auth/ImgCropping.css
@@ -0,0 +1,164 @@
+*{
+    margin: 0;padding: 0;
+}
+.l-btn{
+    display: inline-block;
+    outline: none;
+    resize: none;
+    border: none;
+    padding:5px 10px;
+    background: #8C85E6;
+    color: #fff;
+    border:solid 1px #8C85E6;
+    border-radius: 3px;
+    font-size: 14px;
+}
+.l-btn:hover{
+    background: #8078e3;
+    animation: anniu 1s infinite;
+}
+.l-btn:active{
+    box-shadow: 0 2px 3px rgba(0,0,0,.2) inset;
+}
+.hidden{
+    display: none;
+}
+.tailoring-container, .tailoring-container div, .tailoring-container p{
+    margin: 0;padding: 0;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+}
+.tailoring-container{
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    z-index: 1000;
+    top: 0;
+    left: 0;
+}
+.tailoring-container .black-cloth{
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background: #111;
+    opacity: .9;
+    z-index: 1001;
+}
+.tailoring-container .tailoring-content{
+    position: absolute;
+    width: 768px;
+    height: 560px;
+    background: #fff;
+    z-index: 1002;
+    left: 0;
+    top: 0;
+
+    /* 水平垂直居中 浏览器版本号低的不支持transform */
+    /*left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
+    -weblit-transform: translate(-50%,-50%);
+    -moz-transform: translate(-50%,-50%);
+    -ms-transform: translate(-50%,-50%);
+    -o-transform: translate(-50%,-50%);*/
+
+    border-radius: 10px;
+    box-shadow: 0 0 10px #000;
+    padding: 10px;
+}
+
+.tailoring-content-one{
+    height: 40px;
+    width: 100%;
+    border-bottom: 1px solid #DDD ;
+}
+.tailoring-content .choose-btn{
+    float: left;
+}
+.tailoring-content .close-tailoring{
+    display: inline-block;
+    height: 30px;
+    width: 30px;
+    border-radius: 100%;
+    background: #eee;
+    color: #fff;
+    font-size: 22px;
+    text-align: center;
+    line-height: 30px;
+    float: right;
+    cursor: pointer;
+}
+.tailoring-content .close-tailoring:hover{
+    background: #ccc;
+}
+
+.tailoring-content .tailoring-content-two{
+    width: 100%;
+    height: 460px;
+    position: relative;
+    padding: 5px 0;
+}
+.tailoring-content .tailoring-box-parcel{
+    width: 520px;
+    height: 450px;
+    position: absolute;
+    left: 0;
+    border: solid 1px #ddd;
+}
+.tailoring-content .preview-box-parcel{
+    display: inline-block;
+    width: 228px;
+    height: 450px;
+    position: absolute;
+    right: 0;
+    padding: 4px 14px;
+}
+.preview-box-parcel p{
+    color: #555;
+}
+.previewImg{
+    width: 200px;
+    height: 200px;
+    overflow: hidden;
+}
+.preview-box-parcel .square{
+    margin-top: 10px;
+    border: solid 1px #ddd;
+}
+.preview-box-parcel .circular{
+    border-radius: 100%;
+    margin-top: 10px;
+    border: solid 1px #ddd;
+}
+
+.tailoring-content .tailoring-content-three{
+    width: 100%;
+    height: 40px;
+    border-top: 1px solid #DDD ;
+    padding-top: 10px;
+}
+.sureCut{
+    float: right;
+}
+
+@media all and (max-width: 768px) {
+    .tailoring-container .tailoring-content{
+        width: 100%;
+        min-width: 320px;
+        height: 460px;
+    }
+    .tailoring-content .tailoring-content-two{
+        height: 360px;
+    }
+    .tailoring-content .tailoring-box-parcel{
+        height: 350px;
+    }
+    .tailoring-container .tailoring-box-parcel{
+        width: 100%;
+    }
+    .tailoring-container .preview-box-parcel{
+        display: none;
+    }
+
+}
diff --git a/src/vender/css/auth/auth.css b/src/vender/css/auth/auth.css
@@ -0,0 +1,87 @@
+.icon-logo-min{
+	width: 1.1rem;
+}
+.icon-logo-mid{
+	width: 1.5rem;
+}
+.icon-logo-big{
+	width: 5rem;
+}
+.bar{
+	background: rgb(0,200,140);
+	height: 3rem;
+	line-height: 3rem;
+	display: flex;
+}
+#icon-menu{
+	color:white;
+	margin: auto;
+	margin-left: -1rem;
+	margin-right: 0;
+}
+.mui-title{
+	color: white;
+	margin: auto;
+	line-height: 3rem;
+	font-size: 18px;
+}
+.main{
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0px : left : 0px;
+	background: #fff;
+}
+.my-btn{
+	position: absolute;
+	bottom: 3rem;
+	left: 50%;
+	margin-left: -5rem;
+	background: rgb(0,200,140);
+	font-size: 16px;
+	color: #fff;
+	width: 10rem;
+	border-radius: 2rem;
+}
+.content{
+	margin-top: 5rem;
+}
+.my-form-item{
+	height: 12rem;
+	width: 100%;
+	display: flex;
+}
+.my-form-item > .my-icon{
+	float: left;
+	margin: auto;
+	margin-left: 1.5rem;
+	margin-right: 4rem;
+}
+.my-form-item > .my-img{
+	margin: auto;
+}
+img[src=""],img:not([src]){
+	opacity:0;
+	display: none;
+}
+.my-file{
+	margin: auto;
+	margin-left: 0;
+	width: 200px;
+	height: 112.5px;
+	line-height: 112.5px;
+	border: .18rem #ccc dashed;
+	text-align: center;
+	font-size: 2rem;
+	color: #242424;
+}
+.my-photo{
+	display: none;
+}
+.tips{
+	margin-top: -1.5rem;
+	text-align: center;
+	margin-left: 2rem;
+	color: red;
+	font-size: 20px;
+}
diff --git a/src/vender/css/auth/cropper.min.css b/src/vender/css/auth/cropper.min.css
diff --git a/src/vender/css/login/login.css b/src/vender/css/login/login.css
@@ -0,0 +1,108 @@
+
+.main{
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0px : left : 0px;
+	background: #fff;
+	text-align: center;
+}
+.img-wrapper{
+	width: 100%;
+	height: 45%;
+	text-align: center;
+	position: relative;
+}
+.logo{
+	width: 60%;
+	position: absolute;
+	top: 50%;
+	transform:translateY(-50%);
+	left: 50%;
+	margin-left: -28%;
+	text-align: center;
+}
+.content{
+	width: 16rem;
+	margin: 0 auto;
+	text-align: center;
+}
+.my-line{
+	width: 88%;
+	margin: 0 auto;
+	margin-bottom: .5rem;
+}
+.my-btn{
+	background: rgb(0,200,140);
+	font-size: 16px;
+	color: #fff;
+	margin: 0 auto;
+	margin-top: 1rem;
+	margin-bottom: .36rem;
+	width: 10rem;
+	border-radius: 2rem;
+}
+.tips{
+	font-size: .88rem;
+	color: rgb(141, 141, 141);
+	margin: .2rem;
+}
+.other-methods{
+	color: rgb(141, 141, 141);
+	font-size: .8rem;
+	margin-top: 1rem;
+}
+.other-login{
+	width: 3rem;
+	margin: -.8rem .5rem;
+}
+.my-input {
+	opacity: 0;
+	position: absolute;
+	z-index: -1;
+}
+
+.my-sex {
+	width: 70%;
+	float: left;
+	margin-top: 1rem;
+}
+.sex-line {
+	width: 88%;
+	margin: -.6rem auto;
+}
+.women {
+	float: right;
+}
+
+.circle-btn {
+	width: 18px;
+	height: 18px;
+	border-radius: 100%;
+	border: 1px solid #808080;
+	transition: all 0.4s;
+	-moz-transition: all 0.4s ease;
+	-o-transition: all 0.4s ease;
+	-webkit-transition: all 0.4s ease;
+	transition: all 0.4s ease;
+	display: inline-block;
+	vertical-align: middle;
+	margin: -4px 3px 0 0;
+}
+
+.circle-btn.active {
+	border-width: 5px;
+	border-color: #1dace8;
+}
+
+.send {
+	margin-top: .2rem;
+	width: 3.2rem;
+	height: 2rem;
+	border: 1px #C0C0C0 solid;
+	border-radius: .5rem;
+	font-size: .9rem;
+	position: absolute;
+	right: 0;
+	color: dimgrey;
+}