component-shipinlv 2.3.6 → 2.3.8

package/dist/phone/index.less

@@ -0,0 +1,170 @@
+.device *,
+.device *::before,
+.device *::after {
+	box-sizing: border-box;
+	display: block;
+}
+
+// .device {
+//   margin: 50px auto;
+//   position: relative;
+// }
+
+.device{
+	.frame {
+		z-index: 1;
+	}
+}
+
+@iPhoneWidth: 375px; // 41vh;
+@iPhoneHeight: 760px; // 80vh;
+
+.iphone {
+  position: relative;
+	//height: 324px;
+	//width: 170px;
+	height: @iPhoneHeight;
+	width: @iPhoneWidth;
+	transform: scale(0.8);
+  transform-origin: 0 0;
+	display: inline-block;
+  overflow: hidden;
+
+	.frame {
+		background: #222;
+		border-radius: 27px;
+		box-shadow: inset 0 0 0 2px #606467, inset 0 0 0 4px #e2e3e4;
+		height: @iPhoneHeight;
+		padding: 10px;
+		width: @iPhoneWidth;
+	}
+
+	.content {
+		background-color: #111;
+		border-radius: 16px;
+		height: calc( @iPhoneHeight - 20px );
+		position: relative;
+		width: calc( @iPhoneWidth - 20px );
+		overflow: hidden;
+		.headerBar{
+			padding: 12px 10px 10px;
+			height: 50px;
+			color: #FFF;
+			display: flex;
+			font-size: 15px;
+			flex-direction: row;
+			background-color: #000;
+			.left{
+				flex: 2;
+			}
+			.right{
+				text-align: right;
+				display: flex;
+				flex-direction: row;
+        gap: 12;
+			}
+		}
+		.contentBox{
+			display: flex;
+			flex-direction: column;
+			height: calc( @iPhoneHeight - 70px );
+		}
+	}
+
+	.stripe::after,
+	.stripe::before {
+		border: solid rgba(51, 51, 51, .25);
+		border-width: 0 6px;
+		content: "";
+		height: 5px;
+		left: 0;
+		position: absolute;
+		width: 100%;
+		z-index: 9;
+	}
+
+	.stripe::after {
+		top: 68px;
+	}
+
+	.stripe::before {
+		bottom: 68px;
+	}
+
+	.header {
+		background: #222;
+		height: 30px;
+		margin: 0 0 0 10px;
+		left: 30%;
+		position: absolute;
+		top: 16px;
+		width: 40%;
+		z-index: 199;
+		border-radius: 15px;
+	}
+
+	.header::after {
+		background: radial-gradient(circle at bottom left, transparent 0, transparent 75%, #222 75%, #222 100%);
+		left: -3px;
+	}
+
+	.header::before {
+		background: radial-gradient(circle at bottom right, transparent 0, transparent 75%, #222 75%, #222 100%);
+		right: -3px;
+	}
+
+	.sensors::after,
+	.sensors::before {
+		content: "";
+		position: absolute;
+	}
+
+	.sensors::before {
+		background: #444;
+		border-radius: 50%;
+		height: 10px;
+		right: 10%;
+		top: 9px;
+		width: 10px;
+		background: radial-gradient(circle at 70% 30%, #6b7bc3, #4c2290 10%, #5256a1, transparent);
+		box-shadow: 0 0 2px #131420,
+		0 0 2px #131420 inset,
+		2px 0 4px #5256a1 inset;
+	}
+
+	.btns {
+		background: #606467;
+		height: 13px;
+		left: -1px;
+		position: absolute;
+		top: 46px;
+		width: 1px;
+	}
+
+	.btns::after,
+	.btns::before {
+		background: #606467;
+		content: "";
+		height: 25px;
+		left: 0;
+		position: absolute;
+		width: 2px;
+	}
+
+	.btns::after {
+		top: 24px;
+	}
+
+	.btns::before {
+		top: 56px;
+	}
+
+	.power {
+		background: #606467;
+		height: 40px;
+		position: absolute;
+		right: -1px;
+		top: 80px;
+		width: 1px;
+	}
+}

package/dist/typings.d.ts

@@ -1,6 +1,6 @@
 declare namespace Global {
   export type Env = 'local' | 'pre' | 'prod';
-  type AuthClientLoginType = 'wechat' | 'account-login' | 'account-reg' | 'alipay';
+  type AuthClientLoginType = 'wechat' | 'account' | 'account-login' | 'account-reg' | 'alipay';
   export type ProductKind = 'vip' | 'vip-card' | string;
   type OsName = '' | 'darwin' | 'windows' | 'linux' | 'other';
   type MineTypeKind = 'video' | 'image' | 'sound' | '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "component-shipinlv",
-  "version": "2.3.6",
+  "version": "2.3.8",
   "description": "",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",