debug

code/public/template/videodadi/css/stui_block.css

@@ -412,7 +412,7 @@ textarea.form-control{ height: auto;}
 	body{ font-size: 12px;}	
 	
 	/* text */
-	h1{ font-size:20px; line-height: 24px;}
+	h1{ font-size:16px; line-height: 24px;}
 	h2{ font-size:18px; line-height: 22px;}
 	h3{ font-size:16px; line-height: 20px;}
 	h4{ font-size:14px; line-height: 18px;}
@@ -444,12 +444,12 @@ textarea.form-control{ height: auto;}
 	.m-bottom-line:after,.m-bottom-line-dot:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
 
 	/* pannel */
-	.stui-pannel{ margin-bottom: 10px;}
+	.stui-pannel{ margin-bottom: 0px;}
 	.stui-pannel.stui-pannel-x{ margin: 0 0 5px;}
 	.stui-pannel-bg{border-radius: 0;}	
-	.stui-pannel-box{ padding:10px 5px;}
+	.stui-pannel-box{ padding:10px 5px 0px;}
 	.stui-pannel-box.active{ margin:5px;}
-	.stui-pannel_hd{ padding:0 5px 10px;}
+	.stui-pannel_hd{ padding:0 5px 0px;}
 	
 	/* pannel-head */
 	.stui-pannel__head{ height: 20px;}
@@ -522,6 +522,54 @@ textarea.form-control{ height: auto;}
 
 
 
+.stui-screen__list {
+    display: flex; /* 使用 Flexbox 布局 */
+    overflow-x: auto; /* 水平方向超出时可滚动 */
+    white-space: nowrap; /* 防止 li 换行 */
+    padding: 10px 0; /* 上下内边距，增加美观 */
+    scroll-behavior: smooth; /* 滚动平滑 */
+    -webkit-overflow-scrolling: touch; /* 移动端优化滚动 */
+}
+
+/* 确保 li 水平排列 */
+.stui-screen__list li {
+    flex: 0 0 auto; /* 不允许 li 自动伸缩，保持原始宽度 */
+    margin-right: 10px; /* li 之间的间距 */
+}
+
+/* 去掉不需要的点状下边线（如果你不需要） */
+.stui-screen__list.bottom-line-dot::after {
+    content: none;
+}
+
+/* 可选：隐藏滚动条以提升美观 */
+.stui-screen__list::-webkit-scrollbar {
+    display: none; /* Chrome, Safari */
+}
+.stui-screen__list {
+    -ms-overflow-style: none; /* IE 和 Edge */
+    scrollbar-width: none; /* Firefox */
+}
+
+/* 可选：调整 li 和 a 的样式 */
+.stui-screen__list li a {
+    display: inline-block;
+    /* padding: 8px 12px; */
+    text-decoration: none; /* 去掉下划线 */
+    color: #333; /* 文字颜色 */
+}
+.stui-screen__list li.active a {
+    color: #fff; /* 激活状态的文字颜色 */
+    background-color: #007bff; /* 激活状态的背景色 */
+    border-radius: 4px; /* 圆角 */
+}
+
+.view-title {
+	text-indent: 10px;
+}
+.view-description{
+	text-indent: 10px;
+}
 
 
 

code/public/template/videodadi/css/stui_default.css

@@ -95,7 +95,7 @@ body{ padding-top: 80px}
 	.stui-header__logo,.stui-header__menu{float:none}
 	.stui-header__logo{margin:10px 0 10px}
 	.stui-header__logo .logo{width:127px;height:30px; background:url(../img/logo_h5.png) no-repeat; background-position:50% 50%; background-size:cover;}
-	.stui-header__logo .logo-text{width:127px;height:30px; font-size:1.5rem;color: #ff9900;line-height: 30px;text-align: center;letter-spacing: 2px;}
+	.stui-header__logo .logo-text{width:127px;height:30px; font-size:1.2rem;color: #ff9900;line-height: 30px;text-align: left;letter-spacing: 2px;}
 	.stui-header__search{float:right;margin-top:10px}
 	.stui-header__top{ padding: 0 10px; height: 100px;}
 	.stui-header__menu{margin:0;padding:0;}