update

README.md

@@ -83,7 +83,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 ```
 
-## 要饭
+## 饿饿饭饭
 <img src="https://github.com/silenty4ng/k5web/blob/master/public/mm_facetoface_collect_qrcode_1714392837792.png?raw=true"  width="300" /> <img src="https://github.com/silenty4ng/k5web/blob/master/public/1722745910257.jpg?raw=true"  width="300" />
 
 TRON / TRX：TPaSnHJ2cRCQjjv7TyAFJDamb3mZSSz1At

config/vite.config.base.ts

@@ -73,5 +73,21 @@ export default defineConfig({
         javascriptEnabled: true,
       },
     },
+    postcss: {
+      plugins: [
+        require('postcss-px-to-viewport')({
+          viewportWidth: 2560, // 视口宽度，对应设计稿宽度
+          viewporHeight: 1392, // 视口高度，对应设计稿高度
+          unitPrecision: 3, // 指定px转换之后的小数位数
+          viewportUnit: 'vw', // 转换的单位
+          fontViewportUnit: 'vw', // 字体使用的单位
+          replace: false, //  是否直接更换属性值，而不添加备用属性
+          selectorBlackList: ['.ignore', '.hairlines', '.arco', '.layout'], // 指定不转换的类
+          exclude: /(\/|\\)(node_modules)(\/|\\)/, //禁止更改第三方UI框架样式
+          minPixelValue: 15, // 小于或等于1px不转换
+          mediaQuery: true, // 允许在媒体查询中转换
+        })
+      ]
+    }
   },
 });

package.json

@@ -67,6 +67,7 @@
     "less": "^4.1.3",
     "mockjs": "^1.1.0",
     "postcss-html": "^1.5.0",
+    "postcss-px-to-viewport": "^1.1.1",
     "prettier": "^2.7.1",
     "rollup": "^3.9.1",
     "rollup-plugin-visualizer": "^5.8.2",

src/views/dashboard/workplace/components/banner.vue

@@ -21,15 +21,35 @@
       <a-typography-text>◆ K5Web 使用视频教程（BG7QJV）：<t-link theme="primary" href="https://www.douyin.com/video/7378314511419313458" target="_blank">https://www.douyin.com/video/7378314511419313458</t-link> 。</a-typography-text><br>
       <a-typography-text>◆ K5Web 使用视频教程（BG3ODZ）：<t-link theme="primary" href="https://www.bilibili.com/video/BV1Q4421D75x" target="_blank">https://www.bilibili.com/video/BV1Q4421D75x</t-link> 。</a-typography-text>
     </div>
+    <div style="margin-top: 50px;">&nbsp;</div>
     <div>
-      <a-typography-title :heading="5">腾讯公益：</a-typography-title>
+      <a-collapse :default-active-key="[1]" accordion>
+        <a-collapse-item header="广告区" :key="1">
+          <a-card hoverable :style="{ width: '600px' }">
+            <template #cover>
+              <div
+              >
+                <img
+                  :style="{ width: '100%' }"
+                  alt="ads"
+                  src="/jjgg.jpg"
+                />
+              </div>
+            </template>
+            <a-card-meta title="BG4IWE 投放">
+            </a-card-meta>
+          </a-card>
+        </a-collapse-item>
+        <a-collapse-item header="腾讯公益" :key="2">
           <img class="tencent" style="margin-bottom: 10px;" width="200px" src="/gy.png" />
-    </div>
+        </a-collapse-item>
-    <div>
+        <a-collapse-item header="饿饿饭饭" :key="3">
-      <a-typography-title :heading="5">广告区：</a-typography-title>
+          <img width="300" src="/mm_facetoface_collect_qrcode_1714392837792.png" >
-      <div style="border: 1px dashed; display: inline-block;">
+          <img width="300" src="/1722745910257.jpg" >
-        <img style="margin: 20px; " class="tencent" height="200px" src="/jjgg.jpg" />
+          <br><br>
-      </div>
+          TRON / TRX：TPaSnHJ2cRCQjjv7TyAFJDamb3mZSSz1At
+        </a-collapse-item>
+      </a-collapse>
     </div>
     <br>
     <br>
@@ -109,6 +129,12 @@
 </script>
 
 <style scoped lang="less">
+  :deep(.arco-collapse-item-content-expend){
+    background-color: var(--color-bg-2);
+  }
+  :deep(.arco-collapse-item-content-box){
+    background-color: var(--color-bg-2);
+  }
   .banner {
     width: 100%;
     padding: 20px 20px 0 20px;