fhrons-mobile-next 2.0.0 → 2.0.2

package/assets/css/index.js

@@ -0,0 +1,63 @@
+// import { loadStyleLink } from '../js/func'
+
+// loadStyleLink("https://frcdap-dev-1251973116.cos.ap-shanghai-fsi.myqcloud.com/sassmanage/file/dev/iconLinkCss/icon.css")
+
+// import './global.less'
+// import './static.less'
+// import './customVant.less'
+
+const fs = require('fs')
+const path = require('path');
+const filePath = path.join(__dirname, 'global.less');
+
+// 读取文件内容
+fs.readFile(filePath, 'utf8', (err, data) => {
+    if (err) {
+        console.error('文件读取失败', err);
+    } else {
+        // 正则表达式匹配所有颜色值 (以 # 开头，后跟 3 或 6 个十六进制数字)
+        const colorRegex = /#(?:[0-9a-fA-F]{3}){1,2}/g;
+
+        // 提取所有匹配的颜色值
+        const colors = data.match(colorRegex);
+
+        // 去重
+        const uniqueColors = [...new Set(colors)];
+
+        // 输出颜色数组
+        console.log('提取到的颜色值数组:', uniqueColors);
+        // console.log('文件读取成功', colors.length, colors, new Set(data.toString().match(colorRegex)), result.replace(/;/g, ''));
+        const jsStr = `
+        export default {
+                colorsStr:${JSON.stringify(uniqueColors.join(','))},
+                colorsArr:${JSON.stringify(uniqueColors)}
+            }
+        `
+        fs.writeFile(path.join(__dirname, 'colors.js'), jsStr, (err, data) => {
+            if (err) {
+                console.error('文件写入失败')
+            } else {
+                console.log('文件写入成功')
+            }
+        })
+    }
+});
+
+// fs.readFile(filePath, (err, data) => {
+//     if (err) {
+//         console.error('文件读取失败', err);
+//     } else {
+//         const colorRegex = /#(?:[0-9a-fA-F]{3}){1,2};/g; // 匹配以#开头;结尾的颜色值
+//         const colors = Array.from(new Set(data.toString().match(colorRegex)))
+//         console.log(data.toString().match(colorRegex), '------------------')
+//         const result = colors.join(',').replace(/;/g, '')
+//         console.log('文件读取成功', colors.length, colors, new Set(data.toString().match(colorRegex)), result.replace(/;/g, ''));
+//         fs.writeFile(path.join(__dirname, 'colors.txt'), result, (err, data) => {
+//             if (err) {
+//                 console.error('文件写入失败')
+//             } else {
+//                 console.log('文件写入成功')
+//             }
+//         })
+//     }
+// })

package/assets/css/static.less

@@ -0,0 +1,607 @@
+.theme-color {
+	color: var(--theme-color100) !important;
+}
+
+.theme-dark-bg {
+	background-color: var(--theme-color100);
+}
+
+.van-field__control {
+	&::placeholder {
+		font-size: inherit;
+	}
+}
+
+.middle-title {
+	font-size: 14px;
+	font-weight: 300;
+	color: #656565;
+}
+
+.van-uploadFile {
+	.van-uploader__wrapper {
+		.van-uploader__preview,
+		.van-uploader__upload {
+			width: 101px;
+			height: 101px;
+			background-color: #f5f5f9;
+			-webkit-transform: rotate(0deg);
+			border-radius: 4px;
+			overflow: hidden;
+			margin: 0;
+			margin-right: 0;
+			margin-bottom: 12px;
+
+			.van-uploader__upload-icon {
+				color: #7f808a;
+				font-size: 22px;
+			}
+		}
+
+		.van-uploader__preview {
+			margin: 0 12px 12px 0;
+
+			&:nth-child(3n) {
+				margin-right: 0;
+			}
+
+			.van-uploader__preview-image {
+				width: 100%;
+				height: 100%;
+			}
+
+			.van-uploader__mask {
+				background-color: rgba(0, 0, 0, 0.6);
+
+				.van-icon-close {
+					// display: none;
+				}
+
+				.van-loading {
+					margin-bottom: 6px;
+				}
+
+				.van-uploader__mask-message {
+					font-size: 12px;
+					width: 50px;
+					// height: 32px;
+					// margin: 0;
+					padding: 0;
+					line-height: 16px;
+				}
+			}
+
+			// 上传组件删除按钮
+			.van-uploader__preview-delete {
+				width: 18px;
+				height: 18px;
+				border-radius: 0 4px 0 4px;
+				background-color: rgba(0, 0, 0, 0.7);
+
+				.van-uploader__preview-delete-icon {
+					top: 2px;
+					right: 3px;
+					font-size: 12px;
+					transform: unset;
+				}
+			}
+
+			.van-uploader__preview-delete .van-uploader__preview-delete-icon {
+				left: 3px;
+				top: 3px;
+			}
+		}
+	}
+}
+
+// 公共表单
+/* CommonForm */
+#CommonForm.common-form {
+	.van-form {
+		.van-field {
+			padding: 16px 12px;
+			line-height: 21px;
+			.van-field__label {
+				width: 108px;
+				// align-items: center;
+			}
+			.van-field__value {
+				position: unset;
+			}
+			.disabled {
+				color: #c8c9cc !important;
+			}
+
+			.van-checkbox .van-checkbox__icon {
+				transform: translateY(1px);
+			}
+			// 自定义输入框高度
+			.van-field__control--custom {
+				min-height: 21px;
+				line-height: 21px;
+			}
+			.sub-label {
+				position: absolute;
+				bottom: 18px;
+				left: 0;
+			}
+		}
+		div:last-child {
+			.van-field {
+				&::after {
+					display: none;
+				}
+			}
+			.van-field--error {
+				padding-bottom: 12px;
+			}
+			.van-field--error.underLine {
+				// margin-bottom: 40px;
+				&::after {
+					background-color: #ff5c5c;
+					border-bottom: none;
+					display: block;
+					height: 0.5px;
+					left: 12px;
+					right: 12px;
+				}
+			}
+		}
+
+		div:not(:last-child) {
+			.van-cell.underLine,
+			.underLine {
+				position: relative;
+
+				&::after {
+					display: block;
+					position: absolute;
+					width: calc(100% - 24px);
+					bottom: 0.5px;
+					left: 0;
+					content: "";
+					margin: 0 12px;
+					height: 0.5px;
+					background-color: #e8e8e8;
+				}
+			}
+			.van-field--error.underLine::after {
+				background-color: #ff5c5c;
+				border-bottom: none;
+			}
+		}
+
+		// label 后面的小红星
+		.redstar {
+			.van-field__label {
+				// min-width: 107px;
+				position: relative;
+
+				span {
+					white-space: nowrap;
+				}
+
+				// &::after {
+				//     content: '*';
+				//     font-size: 14px;
+				//     color: red;
+				//     transform: translate(6px, 3px);
+				// }
+			}
+		}
+
+		.van-field__label {
+			margin-right: 0;
+		}
+
+		.other-choose {
+			span {
+				line-height: 14px !important;
+			}
+
+			&:last-child {
+				.van-field {
+					&::after {
+						display: block !important;
+					}
+				}
+			}
+		}
+
+		.singleTag-subclass .van-field__label {
+			width: 160px;
+		}
+		// 带区号的手机号输入控件
+		.phone-num {
+			.van-field__body {
+				// justify-content: end;
+				// padding-left: 70px;
+				.van-field__control {
+					// width: calc(100% - 52px);
+				}
+			}
+		}
+		// .phone-num-widget {
+		// 	position: absolute;
+		// 	z-index: 1;
+		// 	top: 0;
+		// 	// left: 0;
+		// }
+	}
+
+	.field-textarea {
+		.van-field {
+			padding: 0 !important;
+		}
+
+		.van-field__body {
+			textarea {
+				height: 155px;
+			}
+		}
+	}
+
+	.field-textarea.van-field__word-num-red .van-field__word-limit .van-field__word-num {
+		color: #ee0a24;
+	}
+
+	.flex-column textarea {
+		background-color: #f5f5f9;
+		padding: 12px 12px 32px;
+		margin-top: 12px;
+		border-radius: 4px;
+		overflow: hidden;
+		line-height: 21px;
+		font-size: 14px;
+		text-align: justify;
+	}
+
+	.flex-column .van-field__word-limit {
+		position: absolute;
+		right: 24px;
+		bottom: 20px;
+		color: #c8c9cc;
+	}
+
+	.van-cell__title {
+		display: flex;
+		justify-content: flex-start;
+		color: #555661;
+		// flex-direction: column;
+	}
+
+	.uploader .van-cell__title {
+		display: block;
+	}
+
+	.van-field__right-icon {
+		color: #c8c9cc;
+		padding: 0 8px 0 4px;
+
+		.van-icon {
+			font-size: 12px;
+			line-height: 12px;
+			height: 12px;
+		}
+	}
+
+	.van-cell--required::before {
+		content: "";
+	}
+
+	.van-cell.van-field--error {
+		margin: 0 0 24px;
+		overflow: visible;
+	}
+
+	.van-field--error {
+		.van-field__control {
+			color: #23242e;
+
+			&::placeholder {
+				color: #c8c9cc;
+			}
+		}
+		.van-field__error-message {
+			position: absolute;
+			left: 12px;
+			bottom: -28px;
+			color: #ff5c5c;
+		}
+	}
+
+	input[type="asyncSelectArea"].van-field__control.van-field__control--right {
+		text-overflow: ellipsis;
+	}
+	.van-uploader .van-uploader__wrapper .van-uploader__preview .van-uploader__mask .van-uploader__mask-message {
+		min-width: 88px;
+		max-width: 90%;
+		text-align: center;
+	}
+
+	// 单选样式textarea的样式
+	.field-select {
+		textarea {
+			min-height: unset;
+		}
+	}
+	.link-text {
+		.van-field__control::-webkit-input-placeholder {
+			color: var(--theme-color100);
+		}
+	}
+}
+
+#CommonAsyncAreaPicker,
+#CommonDatePicker,
+#CommonFullTimePicker,
+#CommonSinglePicker,
+#CommonYearMonthPicker {
+	.van-popup--bottom {
+		height: auto;
+	}
+
+	.van-popup__close-icon--top-right {
+		top: 0px;
+		right: 50%;
+		transform: translateX(50%);
+		font-size: unset;
+		height: 8px;
+
+		.van-icon__image {
+			width: 32px;
+			height: 8px;
+			margin: 12px 0;
+		}
+	}
+	.van-popup {
+		overflow: hidden;
+		.van-datetime-picker,
+		.van-picker {
+			padding-top: 32px !important;
+
+			.van-picker__toolbar {
+				height: fit-content !important;
+				line-height: 24px !important;
+			}
+			.van-hairline-unset--top-bottom::after {
+				border-left-width: 0;
+				border-right-width: 0;
+			}
+		}
+	}
+}
+
+.van-popup--round {
+	.van-picker {
+		padding-top: 30px;
+		box-sizing: border-box;
+
+		.van-picker-columns {
+			// transform: translateY(-48px);
+		}
+
+		.van-picker-column {
+			position: relative;
+		}
+
+		.van-picker-column__item {
+			// height: 48px !important;
+			color: #c8c9cc;
+		}
+
+		.van-picker-column__item--selected {
+			color: #23242e;
+		}
+
+		.van-picker__mask {
+			display: none;
+		}
+	}
+
+	.van-popup__close-icon--top-right {
+		top: 10px;
+		right: 50%;
+		transform: translateX(50%);
+		font-size: unset;
+		height: 8px;
+
+		.van-icon__image {
+			width: 32px;
+			height: 8px;
+		}
+	}
+}
+
+/**
+    上传组件样式调整
+*/
+.van-uploader {
+	.van-uploader__wrapper {
+		.van-uploader__preview,
+		.van-uploader__upload {
+			width: 101px;
+			height: 101px;
+			background-color: #f5f5f9;
+			-webkit-transform: rotate(0deg);
+			border-radius: 4px;
+			overflow: hidden;
+			margin: 0;
+			margin-right: 8px;
+			margin-bottom: 8px;
+
+			.van-uploader__upload-icon {
+				color: #7f808a;
+				font-size: 22px;
+			}
+		}
+
+		.van-uploader__preview {
+			.van-uploader__preview-image {
+				width: 100%;
+				height: 100%;
+			}
+
+			.van-uploader__mask {
+				background-color: rgba(0, 0, 0, 0.6);
+
+				.van-icon-close {
+					// display: none;
+				}
+
+				.van-loading {
+					margin-bottom: 6px;
+				}
+
+				.van-uploader__mask-message {
+					font-size: 12px;
+					width: 50px;
+					// height: 32px;
+					// margin: 0;
+					padding: 0;
+					line-height: 16px;
+				}
+			}
+		}
+	}
+	// 上传组件删除按钮
+	.van-uploader__preview-delete {
+		width: 18px;
+		height: 18px;
+		border-radius: 0 4px 0 4px;
+		background-color: rgba(0, 0, 0, 0.7);
+
+		.van-uploader__preview-delete-icon {
+			top: 2px;
+			right: 3px;
+			font-size: 12px;
+			transform: unset;
+		}
+	}
+}
+
+.van-popup__close-icon--top-right {
+	top: 12px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	left: 50%;
+	transform: translate(-50%, 0);
+}
+
+// 调整播放器样式
+#VideoPage {
+	.video-js {
+		background-color: transparent;
+
+		.vjs-big-play-button {
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+		}
+
+		.vjs-icon-placeholder {
+			width: 100%;
+			height: 100%;
+			display: block;
+			display: inline-block;
+			font-family: "iconfont" !important;
+			font-style: normal;
+			-webkit-font-smoothing: antialiased;
+			-moz-osx-font-smoothing: grayscale;
+
+			&:before {
+				line-height: 30px;
+			}
+		}
+
+		.vjs-big-play-button {
+			width: 36px;
+			border-radius: 50%;
+			height: 36px;
+			line-height: 34px;
+			border-color: transparent;
+
+			.vjs-icon-placeholder {
+				&:before {
+					font-size: 16px;
+				}
+			}
+		}
+
+		.vjs-paused {
+			// 暂停
+			.vjs-icon-placeholder {
+				&:before {
+					content: "\e75c" !important;
+					font-size: 20px;
+				}
+			}
+		}
+
+		.vjs-playing {
+			// 开始
+			.vjs-icon-placeholder {
+				&:before {
+					content: "\e778" !important;
+					font-size: 20px;
+				}
+			}
+		}
+
+		.vjs-vol-3 {
+			.vjs-icon-placeholder {
+				&:before {
+					content: "\e73d" !important;
+					font-size: 16px;
+				}
+			}
+		}
+
+		.vjs-vol-0 {
+			.vjs-icon-placeholder {
+				&:before {
+					content: "\e737" !important;
+					font-size: 16px;
+				}
+			}
+		}
+
+		.vjs-icon-fullscreen-exit,
+		.vjs-fullscreen-control {
+			&:before {
+				position: absolute;
+				width: 100%;
+				display: block;
+				height: 100%;
+				content: "";
+				left: 0;
+				top: 0;
+				background-image: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/funzg/fullscreen.png");
+				background-size: 20px 20px;
+				background-repeat: no-repeat;
+				background-position: center;
+			}
+
+			.vjs-icon-placeholder:before {
+				display: none;
+			}
+		}
+
+		.vjs-volume-level:before,
+		.vjs-play-progress:before {
+			top: 50%;
+			transform: translateY(-50%) scale(0.7);
+		}
+	}
+
+	.vjs-icon-fullscreen-exit:before,
+	.vjs-fullscreen-control > .vjs-icon-placeholder:before {
+		content: "\e661" !important;
+	}
+
+	.vjs-icon-fullscreen-enter:before,
+	.vjs-fullscreen-control > .vjs-icon-placeholder:before {
+		content: "\e662" !important;
+	}
+}