lex vor 1 Jahr
Ursprung
Commit
531cc607b4
2 geänderte Dateien mit 30 neuen und 33 gelöschten Zeilen
  1. 4 5
      src/views/co-ai/baseIndex.module.less
  2. 26 28
      src/views/co-ai/baseIndex.tsx

+ 4 - 5
src/views/co-ai/baseIndex.module.less

@@ -121,7 +121,7 @@
   flex: 1;
   // background-color: #FFFFFF;
   border-radius: 18px;
-  padding: 0 16px;
+  padding: 0 0 0 12px;
   background: rgba(255, 255, 255, 0.8);
   border-radius: 18px;
   border: 2px solid rgba(255, 255, 255, 0.9);
@@ -166,15 +166,14 @@
 
 .wrapItem {
   position: relative;
-  width: 102px;
+  width: 132px;
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 00;
+  padding: 0 14px;
   flex-shrink: 0;
   z-index: 1;
-  // margin-bottom: 18px;
-  margin: 0 auto 18px;
+  margin-bottom: 18px;
 
   .item {
     position: relative;

+ 26 - 28
src/views/co-ai/baseIndex.tsx

@@ -200,34 +200,33 @@ export default defineComponent({
               ]}>
               {data.list.map((item, index) => {
                 return (
-                  <div class={styles.wrapfirstI}>
-                    <div
-                      class={[
-                        styles.wrapItem,
-                        data.bookData.id === item.id && data.showBook
-                          ? styles.wrapItemHide
-                          : ''
-                      ]}
-                      key={item.key}
-                      onClick={() => onDetail(item)}>
-                      <div class={styles.item}>
-                        <NImage
-                          data-id={item.id}
-                          {...{ id: index == 0 ? 'courseware-0' : '' }}
-                          class={[styles.cover, item.load ? styles.loaded : '']}
-                          objectFit="cover"
-                          src={item.coverImg}
-                          onLoad={() => {
-                            item.load = true;
-                          }}
-                          onError={() => {
-                            item.load = true;
-                          }}
-                        />
-                      </div>
+                  <div
+                    class={[
+                      styles.wrapItem,
+                      data.bookData.id === item.id && data.showBook
+                        ? styles.wrapItemHide
+                        : ''
+                    ]}
+                    key={item.key}
+                    onClick={() => onDetail(item)}>
+                    <div class={styles.item}>
+                      <NImage
+                        data-id={item.id}
+                        {...{ id: index == 0 ? 'courseware-0' : '' }}
+                        class={[styles.cover, item.load ? styles.loaded : '']}
+                        objectFit="cover"
+                        src={item.coverImg}
+                        onLoad={() => {
+                          item.load = true;
+                        }}
+                        onError={() => {
+                          item.load = true;
+                        }}
+                      />
+                    </div>
 
-                      <div class={styles.name}>{item.name}</div>
-                      {/* <div
+                    <div class={styles.name}>{item.name}</div>
+                    {/* <div
                       id={index === 0 ? 'courseware-1' : ''}
                       class={styles.favoriteBtn}
                       onClick={(e: Event) => {
@@ -237,7 +236,6 @@ export default defineComponent({
                       }}>
                       <TheFavorite isFavorite={item.favoriteFlag} />
                     </div> */}
-                    </div>
                   </div>
                 );
               })}