初始化my文件

static/customicons.css

@@ -0,0 +1,20 @@
+@font-face {
+  font-family: "customicons"; /* Project id 2878519 */
+  src:url('/static/customicons.ttf') format('truetype');
+}
+
+.customicons {
+  font-family: "customicons" !important;
+}
+
+.youxi:before {
+  content: "\e60e";
+}
+
+.wenjian:before {
+  content: "\e60f";
+}
+
+.zhuanfa:before {
+  content: "\e610";
+}

static/public.css

@@ -0,0 +1,98 @@
+/* 公共的一些css */
+/* 防止字符溢出 */
+.truncate-three {
+	display: inline-block;
+	/* 或 block */
+	width: 6ch;
+	/* 宽度限制（1em≈1汉字宽度） */
+	overflow: hidden;
+	/* 隐藏溢出内容 */
+	white-space: nowrap;
+	/* 禁止换行 */
+	text-overflow: ellipsis;
+	/* 超出部分显示省略号 */
+	word-break: keep-all;
+	/* 防止字被截断（针对CJK文本） */
+}
+
+.truncate {
+	/* 基础截断样式 */
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+
+	/* 兼容性处理 */
+	max-width: 204rpx;
+	/* 响应式宽度 */
+	display: inline-block;
+	/* 适用于行内元素 */
+	vertical-align: middle;
+	/* 垂直对齐 */
+}
+
+/* 多行文本截断 */
+.multi-line {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 3;
+	/* 显示行数 */
+	overflow: hidden;
+}
+.flex-line{
+	display: inline-flex;
+	align-items: center;
+}
+.w-fill{
+	width: 100%;
+}
+.flex-spaceB{
+	    justify-content: space-between;
+}
+.color-3{
+	color: #333;
+}
+.color-6{
+	color: #666;
+}
+.color-9{
+	color: #999;
+}
+.color-f{
+	color: #fff;
+}
+.color-0{
+	color: #000;
+}
+.color-0D{
+	color: #0DFFB9;
+}
+.mt-24{
+	margin-top: 24rpx;
+}
+.ml-6{
+	margin-left: 6rpx;
+}
+.ml-20{
+	margin-left: 20rpx;
+}
+.mt-24{
+	margin-top: 24rpx;
+}
+.font-36{
+	font-size: 36rpx;
+}
+.font-32{
+	font-size: 32rpx;
+}
+.font-24{
+	font-size: 24rpx;
+}
+.font-28 {
+	font-size: 28rpx;
+}
+.font-w400{
+	font-weight: 400;
+}
+.font-w500{
+	font-weight: 500;
+}