UI

src/modules/editor/components/CompUI/customUI/Titles/Title2/component.tsx

@@ -13,14 +13,14 @@ export const Component = createUIComp({
 
     return () => (
       <div class="flex items-center justify-center px-0.1rem">
-        <div class={cx(border, "left w-0.5rem text-0.34rem text-right")}>
+        <div class={cx(border, "left w-0.5rem text-0.24rem text-right")}>
           &frasl; &frasl;
         </div>
         <Text.Component
           class="px-0.5rem max-w-4.8rem"
           compId={children.title}
         />
-        <div class={cx(border, "right w-0.5rem text-0.34rem")}>
+        <div class={cx(border, "right w-0.5rem text-0.24rem")}>
           &frasl; &frasl;
         </div>
       </div>

src/pages/website/Material2/components/MaterialItem.tsx

@@ -23,7 +23,7 @@ export default defineUI({
 
       return (
         <div class={cx(itemStyles, "relative")}>
-          <View ratio={1.4} class="overflow-hidden">
+          <View ratio={1.4} class="overflow-hidden card">
             {record.fileType == "video" ? (
               <video src={record.file?.url} class="h-1/1 w-1/1" />
             ) : (
@@ -88,6 +88,9 @@ export default defineUI({
 });
 
 const itemStyles = css`
+  .card {
+    background-color: #e1e5e8;
+  }
   .orange {
     background-color: rgba(232, 139, 0, 0.5);
     &:hover {

src/pages/website/Material2/components/PreviewModal.tsx

@@ -13,12 +13,19 @@ export default defineUI({
     return () => {
       const { data } = props;
       return (
-        <div class="text-center min-h-200px">
+        <div class="text-center min-h-400px">
           {data.fileType == "image" && (
-            <Image size={720} src={data.url} class="max-w-1/1" />
+            <Image
+              size={720}
+              src={data.url}
+              class="max-w-1/1 max-h-600px"
+              // style={{
+              // backgroundColor: "#e1e5e8",
+              // }}
+            />
           )}
           {data.fileType == "video" && (
-            <video controls src={data.url} class="max-w-1/1" />
+            <video controls src={data.url} class="max-w-1/1 max-h-600px" />
           )}
         </div>
       );

src/pages/website/Material2/controller.tsx

@@ -27,6 +27,7 @@ export default function createController(resource:any, isSelectModel:boolean, se
       resource.showModal(<PreviewModal data={data}  />, {
         title: "预览",
         width: "800px",
+        centered: true
       }); 
   };
 

src/pages/website/Promotion2/components/PromotionItem.tsx

@@ -84,7 +84,7 @@ export default defineUI({
               <div class="flex items-center text-opacity-60 text-white text-12px mt-5px">
                 {dayjs(record.updateTime).format("YYYY.MM.DD")} 发布{" "}
                 <Divider type="vertical"></Divider>
-                23次浏览
+                0次浏览
               </div>
             </div>
             <Dropdown

src/pages/website/components/layout/index.tsx

@@ -10,9 +10,9 @@ export default defineUI({
     Controller: object<UserController>().isRequired,
   },
   slots: {
-    Left
+    Left,
   },
-  setup(props, {slots}) {
+  setup(props, { slots }) {
     return () => {
       return (
         <Layout class={cx("!h-100vh flex", rootStyles)}>
@@ -33,6 +33,7 @@ export default defineUI({
 });
 
 const rootStyles = css`
+  min-width: 1560px;
   background-color: @inf-layout-bg;
   .page_container {
     background-color: @inf-modal-bg;