From 8edec205baf395715c044a86067505d58455b1c6 Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期一, 29 十二月 2025 15:14:57 +0800
Subject: [PATCH] 纸张贸易
---
src/views/business/zhizhang.vue | 85 +++++++++++++++++++++++++++++++++++++++++-
1 files changed, 83 insertions(+), 2 deletions(-)
diff --git a/src/views/business/zhizhang.vue b/src/views/business/zhizhang.vue
index d10025d..04c314e 100644
--- a/src/views/business/zhizhang.vue
+++ b/src/views/business/zhizhang.vue
@@ -6,13 +6,80 @@
<p>涓撴敞鍝佽川锛屾垚灏卞崜瓒�</p>
</div>
</div>
+ <div class="relative mt-16 pt-16">
+ <div class="content z-50 relative flex justify-between overflow-visible pb-[100px]">
+ <div class="w-[40%] flex-shrink-0 flex flex-wrap justify-between">
+ <p
+ class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize mt-[100px]">
+ 涓撲笟绾稿紶璐告槗锛屽搧璐ㄤ箣閫�</p>
+ <p class="font-['Source_Han_Sans_SC'] font-normal text-[20px] leading-[40.8px] tracking-[20%] capitalize my-16">
+ 鎴戜滑鑷村姏浜庝负鍗板埛銆佸寘瑁呫�佸姙鍏強宸ヤ笟棰嗗煙鎻�<br>渚涢珮鍝佽川銆佸鍝佺鐨勭焊寮犺В鍐虫柟妗堬紝鍑�熺ǔ瀹�<br>鐨勪緵搴旈摼鍜屼笓涓氱殑鏈嶅姟锛屽凡鎴愪负琛屼笟鍐呭�煎緱淇�<br>璧栫殑鍚堜綔浼欎即銆�</p>
+ <el-row :gutter="20">
+ <el-col :span="12"><el-button plain class="py-2 px-4 text-base w-[80%]" size="large">
+ 浜у搧绉嶇被榻愬叏
+ </el-button></el-col>
+ <el-col :span="12">
+ <el-button plain class="py-2 px-4 text-base w-[80%]" size="large">
+ 鍝佽川涓ユ牸鎶婃帶
+ </el-button>
+ </el-col>
+ <el-col :span="12">
+ <el-button plain class="py-2 px-4 text-base w-[80%]" size="large">
+ 瀹氬埗鍖栨湇鍔�
+ </el-button>
+ </el-col>
+ <el-col :span="12">
+ <el-button plain class="py-2 px-4 text-base w-[80%]" size="large">
+ 楂樻晥鎬т緵搴旀敮鎸�
+ </el-button>
+ </el-col>
+ </el-row>
+ </div>
+ <el-image style="width: 967.96px; height: 623.49px" :src="zhizhang1" class="flex-shrink-0"></el-image>
+
+
+ </div>
+
+ <div class="zhizhang absolute bottom-0 z-0">
+
+ </div>
+ </div>
+ <div>
+ <div class="content my-16">
+ <p
+ class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize text-center">
+ 鎮ㄩ渶瑕佺殑绾稿紶锛屾垜浠粨搴撻噷閮芥湁</p>
+ <div class="flex justify-between my-16">
+ <el-image style="width: 386.38px; height: 302.77px" :src="zhizhang2"></el-image>
+ <el-image style="width: 386.38px; height: 302.77px" :src="zhizhang3"></el-image>
+ <el-image style="width: 386.38px; height: 302.77px" :src="zhizhang4"></el-image>
+ </div>
+ </div>
+ </div>
+ <div class="chanpingbg">
+ <div class="content">
+ <p
+ class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize my-16">
+ 浜у搧灞曠ず</p>
+ <div class="flex justify-between">
+ <div
+ class="bg-white flex-1 h-[394.36px] font-['Source_Han_Sans_SC'] font-normal text-xl leading-[40.8px] tracking-[20%] capitalize flex justify-center items-center">
+ 涓ラ�夐珮鍝佽川绾稿紶鍘熸枡锛岀焊璐ㄧǔ瀹氥��<br>绾ょ淮鍧囧寑锛岄�傞厤澶氱鍗板埛宸ヨ壓锛岀‘<br>淇濇垚鍝佹晥鏋滀竴鑷淬�佹竻鏅般�佸彲闈犮��</div>
+ <el-image style="width: 707.21px; height: 394.36px" :src="zhizhang5"></el-image>
+ </div>
+ </div>
+ </div>
<div class="w-100 chuany-font14 chuany-text-black ">
-
+
</div>
</template>
<script setup>
-import usbanner from '@/static/img/usbanner.png'
+import zhizhang1 from '@/static/img/zhizhang1.png'
+import zhizhang2 from '@/static/img/zhizhang2.png'
+import zhizhang3 from '@/static/img/zhizhang3.png'
+import zhizhang4 from '@/static/img/zhizhang4.png'
+import zhizhang5 from '@/static/img/zhizhang5.png'
import contentimg from '@/static/img/content-img.png'
const { $meth } = getCurrentInstance().appContext.config.globalProperties
import { articleInfo } from '@/api/text.js'
@@ -53,6 +120,20 @@
}
</script>
<style scoped>
+.zhizhang {
+ width: 100%;
+ height: 527.36376953125px;
+ background: rgba(217, 217, 217, 0.8) url('@/static/img/zhizhangbg.png') center/cover no-repeat;
+ background-blend-mode: screen;
+}
+
+.chanpingbg {
+ width: 100%;
+ height: 681.21px;
+ background: rgba(217, 217, 217, 0.8) url('@/static/img/zhizhangbg1.png') center/cover no-repeat;
+ background-blend-mode: screen;
+}
+
.demo-tabs>.el-tabs__content {
padding: 32px;
color: #6b778c;
--
Gitblit v1.9.1