Browse Source

修改

master
suomingxiang 1 day ago
parent
commit
81e831525a

BIN
dev/static/font/CrimsonText-SemiBold-6.ttf View File


+ 4
- 0
dev/static/font/cavan.css View File

14
 @font-face {
14
 @font-face {
15
     font-family: 'DINBOLD';
15
     font-family: 'DINBOLD';
16
     src: url('./din-bold.ttf') format('truetype');
16
     src: url('./din-bold.ttf') format('truetype');
17
+}
18
+@font-face {
19
+    font-family: 'SemiBold';
20
+    src: url('./CrimsonText-SemiBold-6.ttf') format('truetype');
17
 }
21
 }

+ 19
- 17
src/pages/HogoodCoffee/App.js View File

42
         document.addEventListener('DOMContentLoaded', function () {
42
         document.addEventListener('DOMContentLoaded', function () {
43
             const menuItems = document.querySelectorAll('.menuOne');
43
             const menuItems = document.querySelectorAll('.menuOne');
44
             const sections = document.querySelectorAll('div[id="m1"], div[id="m2"], div[id="m3"], div[id="m4"]'); // 获取所有带有 id 的 div
44
             const sections = document.querySelectorAll('div[id="m1"], div[id="m2"], div[id="m3"], div[id="m4"]'); // 获取所有带有 id 的 div
45
-
45
+            
46
             function updateMenu() {
46
             function updateMenu() {
47
                 let scrollPosition = window.scrollY; // 获取当前滚动位置
47
                 let scrollPosition = window.scrollY; // 获取当前滚动位置
48
                 let foundActive = false; // 标记是否找到当前活动的菜单项
48
                 let foundActive = false; // 标记是否找到当前活动的菜单项
49
+                const threshold = 200; // 设置阈值为 200 像素
49
                 sections.forEach(section => {
50
                 sections.forEach(section => {
50
                     const sectionTop = section.offsetTop; // 获取当前 section 的顶部位置
51
                     const sectionTop = section.offsetTop; // 获取当前 section 的顶部位置
51
                     const sectionHeight = section.offsetHeight; // 获取当前 section 的高度
52
                     const sectionHeight = section.offsetHeight; // 获取当前 section 的高度
52
-                    // 检查当前 section 是否在视口内
53
-                    if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {
53
+                    // 检查当前 section 是否在视口内,并且滚动位置超过阈值
54
+                    if (scrollPosition >= sectionTop - threshold && scrollPosition < sectionTop + sectionHeight) {
54
                         // 移除所有菜单项的选中状态
55
                         // 移除所有菜单项的选中状态
55
                         menuItems.forEach(item => item.classList.remove('menuClicked'));
56
                         menuItems.forEach(item => item.classList.remove('menuClicked'));
56
                         // 找到对应的菜单项并添加选中状态
57
                         // 找到对应的菜单项并添加选中状态
173
         function playOnceAndPause() {
174
         function playOnceAndPause() {
174
             // 重置视频到起始位置(防止重复播放残留)
175
             // 重置视频到起始位置(防止重复播放残留)
175
             video.currentTime = 0;
176
             video.currentTime = 0;
176
-
177
-            // 播放视频
178
-            const playPromise = video.play();
179
-
180
-            // 处理浏览器自动播放策略
181
-            if (playPromise !== undefined) {
182
-                playPromise.catch(error => {
183
-                    // 如果自动播放被阻止,显示播放按钮
184
-                    showPlayButton();
185
-                }).then(() => {
186
-                    // 播放成功后的处理
187
-                    video.addEventListener('ended', handleEnded);
188
-                });
189
-            }
177
+            video.playbackRate = 0.7; 
178
+            setTimeout(() => {
179
+                // 播放视频
180
+                const playPromise = video.play();
181
+                // 处理浏览器自动播放策略
182
+                if (playPromise !== undefined) {
183
+                    playPromise.catch(error => {
184
+                        // 如果自动播放被阻止,显示播放按钮
185
+                        showPlayButton();
186
+                    }).then(() => {
187
+                        // 播放成功后的处理
188
+                        video.addEventListener('ended', handleEnded);
189
+                    });
190
+                }
191
+            }, 500); // 延迟 500 毫秒(0.5 秒)
190
         }
192
         }
191
 
193
 
192
         // 4. 播放结束处理
194
         // 4. 播放结束处理

+ 2
- 4
src/pages/HogoodCoffee/index.html View File

105
                     Shenzhen,
105
                     Shenzhen,
106
                     with e-commerce channels covering Tmall、Taobao、JD、Pinduoduo、Alibaba and Douyin online
106
                     with e-commerce channels covering Tmall、Taobao、JD、Pinduoduo、Alibaba and Douyin online
107
                     marketplaces.</p>
107
                     marketplaces.</p>
108
-                <div class="flexBox" style="margin-bottom: 0;">
108
+                <div class="flexBox" style="margin-bottom: 0;align-items: normal;">
109
                     <div class="p5">Internationally, the products are exported to more than 20 countries and
109
                     <div class="p5">Internationally, the products are exported to more than 20 countries and
110
                         regions including the UK, USA, Russia, South Korea, Singapore, and Japan.
110
                         regions including the UK, USA, Russia, South Korea, Singapore, and Japan.
111
                     </div>
111
                     </div>
112
                     <div style="padding-right: 40px;">
112
                     <div style="padding-right: 40px;">
113
-                        <div class="p4">><span>20</span></div>
113
+                        <div class="p4" style="line-height: 1.1;">><span>20</span></div>
114
                         <div class="p6">countries and regions</div>
114
                         <div class="p6">countries and regions</div>
115
                     </div>
115
                     </div>
116
                 </div>
116
                 </div>
124
                 <div class="imgCon">
124
                 <div class="imgCon">
125
                     <div class="imgLi">
125
                     <div class="imgLi">
126
                         <img src="./static/images/hgkf/p1.png" alt="">
126
                         <img src="./static/images/hgkf/p1.png" alt="">
127
-                        <span>Roasted coffee beans</span>
128
                     </div>
127
                     </div>
129
                     <div class="imgLi">
128
                     <div class="imgLi">
130
                         <img src="./static/images/hgkf/p2.png" alt="">
129
                         <img src="./static/images/hgkf/p2.png" alt="">
131
-                        <span>Roasted coffee beans</span>
132
                     </div>
130
                     </div>
133
                 </div>
131
                 </div>
134
             </div>
132
             </div>

+ 5
- 5
src/pages/HogoodCoffee/index.less View File

74
             font-size: 70px;
74
             font-size: 70px;
75
             color: #000000;
75
             color: #000000;
76
             text-align: center;
76
             text-align: center;
77
-            font-family: 'CrimsonTextBold';
77
+            font-family: 'SemiBold';
78
             padding: 210px 0 50px 0;
78
             padding: 210px 0 50px 0;
79
         }
79
         }
80
         .contents{
80
         .contents{
137
             font-size: 70px;
137
             font-size: 70px;
138
             color: #000000;
138
             color: #000000;
139
             text-align: center;
139
             text-align: center;
140
-            font-family: 'CrimsonTextBold';
140
+            font-family: 'SemiBold';
141
             padding: 140px 0 50px 0;
141
             padding: 140px 0 50px 0;
142
         }
142
         }
143
 
143
 
205
 
205
 
206
     .chart {
206
     .chart {
207
         width: 100%;
207
         width: 100%;
208
-        height: 1000px;
208
+        height: 920px;
209
         max-width: 1920px;
209
         max-width: 1920px;
210
         background: url("../common/images/tbBj.png") no-repeat center;
210
         background: url("../common/images/tbBj.png") no-repeat center;
211
         background-size: 1920px 838px;
211
         background-size: 1920px 838px;
215
             font-size: 70px;
215
             font-size: 70px;
216
             color: #000000;
216
             color: #000000;
217
             text-align: center;
217
             text-align: center;
218
-            font-family: 'CrimsonTextBold';
218
+            font-family: 'SemiBold';
219
             padding: 150px 0 0 0;
219
             padding: 150px 0 0 0;
220
         }
220
         }
221
 
221
 
252
         font-size: 70px;
252
         font-size: 70px;
253
         color: #000000;
253
         color: #000000;
254
         text-align: center;
254
         text-align: center;
255
-        font-family: 'CrimsonTextBold';
255
+        font-family: 'SemiBold';
256
         padding: 120px 0 50px 0;
256
         padding: 120px 0 50px 0;
257
         z-index: 2;
257
         z-index: 2;
258
         position: relative;
258
         position: relative;

+ 0
- 3
src/pages/common/tpl/header.tpl View File

56
                         <a href="./join.html?type=b#careersInfo"><span>招标信息</span></a>
56
                         <a href="./join.html?type=b#careersInfo"><span>招标信息</span></a>
57
                     </div>
57
                     </div>
58
                 </div>
58
                 </div>
59
-                <div class="menuOne">
60
-                    <a href="./HogoodCoffee.html">后谷咖啡</a>
61
-                </div>
62
             </div>
59
             </div>
63
             <div class="language menuOne">
60
             <div class="language menuOne">
64
                 <div class="btn2 btnW searchDiv"><span class="iconfont icon-search"></span></div>
61
                 <div class="btn2 btnW searchDiv"><span class="iconfont icon-search"></span></div>

BIN
src/pages/product/images/kfd.png View File


+ 2
- 1
src/pages/product/index.html View File

227
             <div class="upDiv">
227
             <div class="upDiv">
228
               <div class="upDivTit">后谷(控股)云南有限公司</div>
228
               <div class="upDivTit">后谷(控股)云南有限公司</div>
229
               <div class="text">成立于2007年,是集咖啡种植、精深加工、进出口贸易、品牌产品经销为一体的全产业链咖啡企业,荣获“中国驰名商标”。</div>
229
               <div class="text">成立于2007年,是集咖啡种植、精深加工、进出口贸易、品牌产品经销为一体的全产业链咖啡企业,荣获“中国驰名商标”。</div>
230
-              <a href="https://www.hogoodcoffee.com/" target="_blank"></a>
230
+              <a class="a1" href="https://www.hogoodcoffee.com/" target="_blank"></a>
231
+              <a class="a2" href="./HogoodCoffee.html" target="_blank"></a>
231
             </div>
232
             </div>
232
           </div>
233
           </div>
233
           <div class="memberLi">
234
           <div class="memberLi">

+ 15
- 0
src/pages/product/index.less View File

303
           background-size: 100% 100%;
303
           background-size: 100% 100%;
304
           transition: all 0.4s ease 0s;
304
           transition: all 0.4s ease 0s;
305
         }
305
         }
306
+        .a1{
307
+          position: absolute;
308
+          bottom: 40px;
309
+          left: 58%;
310
+          
311
+        }
312
+        .a2{
313
+          position: absolute;
314
+          bottom: 40px;
315
+          left: 40%;
316
+          background: url(./images/kfd.png) no-repeat;
317
+          background-size: 100% 100%;
318
+        }
319
+
306
         .hideA{
320
         .hideA{
307
           display: none;
321
           display: none;
308
         }
322
         }
309
       }
323
       }
324
+
310
       &:hover{
325
       &:hover{
311
         
326
         
312
         // .text{
327
         // .text{

Loading…
Cancel
Save