Sākums Izpētīt Palīdzība
Pierakstīties
wangtao
/
uskyq
1
0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

vue3 +elementplus剩余页面

ming 1 gadu atpakaļ
vecāks
7fc741a08a
revīzija
68a9017f2f
6 mainītis faili ar 551 papildinājumiem un 522 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 84 84
      about/index.html
  2. 100 93
      news/index.html
  3. 92 87
      news/read.html
  4. 93 86
      product/read.html
  5. 95 89
      solution/index.html
  6. 87 83
      solution/read.html

+ 84 - 84
about/index.html
Parādīt failu 

@@ -14,8 +14,8 @@
 
 

     <!--====== bootstrap css ====== -->

     <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />

-    <!--====== element css ====== -->

-    <link rel="stylesheet" href="../assets/css/element.css">

+    <!--====== element css  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.css====== -->

+    <link rel="stylesheet" href="../assets/css/element.css" rel="stylesheet">

     <!--====== Mean Menu ======-->

     <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />

     <!--====== Default css ======-->

@@ -24,93 +24,14 @@
 
     <link rel="stylesheet" href="../assets/css/animation.css" />

     <!--====== Style css ======-->

     <link rel="stylesheet" href="../assets/css/style.css" />

-</head>

-

-<body>

-    <!--[if lte IE 9]>

-		<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>

-  <![endif]-->

-    <div id="app" :style="{'display':'block'}" style="display:none">

-        <div>

-            <!-- LOADING START -->

-            <div v-if="loading" class="loadingBox">

-                <loading-com></loading-com>

-            </div>

-            <!-- LOADING END -->

-

-            <!-- FEEDBACK START -->

-            <feed-fix></feed-fix>

-            <!-- FEEDBACK END -->

-            

-            <!-- DIALOG START-->

-            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>

-

-            <!-- DIALOG END -->

-        </div>

-

-        <!--====== HEADER START ======-->

-        <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>

-        <!--====== HEADER END ======-->

-

-        <!--====== COMMON BREADCRUMB START ======-->

-        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">

-            <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >

-                <source  type="video/mp4">

-            </video>

-        </section>

-        <!--====== COMMON BREADCRUMB END ======-->

-

-        <div>

-            <section class="about-introduce-section course-section pt-40 pb-60 about-sec"

-                v-for="(arr,index) in articalArray" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}">

-                <div :id="arr.id" class="pointOffset">0</div>

-                <div class="container">

-                    <div class="row">

-                        <div class="col-md-2 col-sm-12 text-center">

-                            <ul class="aboutTyes" v-if="index==0">

-                                <li v-for="item in articalArray" :key="item.id"><a

-                                        :href="`#${item.id}`">{{item.title}}</a></li>

-                            </ul>

-                        </div>

-                        <div class="col-md-10 col-sm-12">

-                            <div class="section-title text-center both-border pb-20">

-                                <span class="title-tag">{{arr.title}}</span>

-                            </div>

-                            <!-- 图文混排 -->

-                            <div class="row" v-if="arr.image" class="aboutOnlyText "

-                                :style="{padding:(index % 2 == 1?'40px 25px':' 40px 25px')}"

-                                style="background-color: #ffff;    box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%)">

-                                <div class="col-md-7  pr-40 aboutImg ">

-                                    <img :src="arr.image" alt="">

-                                </div>

-                                <div class="col-md-5" v-html="arr.content">

-                                </div>

-                            </div>

-                            <!-- 只有富文本 -->

-                            <div class="aboutOnlyText row" v-else :style="{padding:(index % 2 == 1?'40px':'0 ')}"

-                                style="background-color: #ffff;">

-                                <div class=" about-text-image" v-html="arr.content">

-                                </div>

-                            </div>

-                        </div>

-                    </div>

-                </div>

-            </section>

-        </div>

-

-        <!--====== FOOTER PART START ======-->

-        <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>

-        <!--====== FOOTER PART END ======-->

-        

-    </div>

 

     <!--====== jquery js ======-->

     <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>

     <!--====== Bootstrap js ======-->

     <script src="../assets/js/bootstrap.min.js "></script>

-    <!--====== Vue js ======-->

-    <script src="../assets/js/vue.min.js "></script>

-    <!--====== Element js ======--> 

+    <!--====== Vue js https://unpkg.com/vue@3 ======-->

+    <script src="../assets/js/vue.min.js"></script>

+    <!--====== Element js  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.full.js ======-->

     <script src="../assets/js/element/index.js"></script>

     <!--====== Mean Menu ======-->

     <script src="../assets/js/jquery.meanmenu.min.js "></script>

@@ -121,6 +42,85 @@
 
     <script src="../assets/js/main.js "></script>

     <!--====== commonVue js ======-->

     <script type="module" src="../assets/js/commonVue.js "></script>

+</head>

+

+<body>

+    <!--[if lte IE 9]>

+		<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>

+  <![endif]-->

+    <div id="app">

+        <div  class="appInner" :style="{'display':'block'}">

+            <div>

+                <!-- LOADING START -->

+                <div v-if="loading" class="loadingBox">

+                    <loading-com></loading-com>

+                </div>

+                <!-- LOADING END -->

+    

+                <!-- FEEDBACK START -->

+                <feed-fix></feed-fix>

+                <!-- FEEDBACK END -->

+                

+                <!-- DIALOG START-->

+                <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>

+    

+                <!-- DIALOG END -->

+            </div>

+    

+            <!--====== HEADER START ======-->

+            <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>

+            <!--====== HEADER END ======-->

     

+            <!--====== COMMON BREADCRUMB START ======-->

+            <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">

+                <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >

+                    <source  type="video/mp4">

+                </video>

+            </section>

+            <!--====== COMMON BREADCRUMB END ======-->

+    

+            <div>

+                <section class="about-introduce-section course-section pt-40 pb-60 about-sec"

+                    v-for="(arr,index) in articalArray" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}">

+                    <div :id="arr.id" class="pointOffset">0</div>

+                    <div class="container">

+                        <div class="row">

+                            <div class="col-md-2 col-sm-12 text-center">

+                                <ul class="aboutTyes" v-if="index==0">

+                                    <li v-for="item in articalArray" :key="item.id"><a

+                                            :href="`#${item.id}`">{{item.title}}</a></li>

+                                </ul>

+                            </div>

+                            <div class="col-md-10 col-sm-12">

+                                <div class="section-title text-center both-border pb-20">

+                                    <span class="title-tag">{{arr.title}}</span>

+                                </div>

+                                <!-- 图文混排 -->

+                                <div class="row" v-if="arr.image" class="aboutOnlyText "

+                                    :style="{padding:(index % 2 == 1?'40px 25px':' 40px 25px')}"

+                                    style="background-color: #ffff;    box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%)">

+                                    <div class="col-md-7  pr-40 aboutImg ">

+                                        <img :src="arr.image" alt="">

+                                    </div>

+                                    <div class="col-md-5" v-html="arr.content">

+                                    </div>

+                                </div>

+                                <!-- 只有富文本 -->

+                                <div class="aboutOnlyText row" v-else :style="{padding:(index % 2 == 1?'40px':'0 ')}"

+                                    style="background-color: #ffff;">

+                                    <div class=" about-text-image" v-html="arr.content">

+                                    </div>

+                                </div>

+                            </div>

+                        </div>

+                    </div>

+                </section>

+            </div>

+    

+            <!--====== FOOTER PART START ======-->

+            <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>

+            <!--====== FOOTER PART END ======-->

+        </div>

+    </div>

 </body>

 </html>

+ 100 - 93
news/index.html
Parādīt failu 

@@ -12,8 +12,8 @@
 
 

     <!--====== bootstrap css ====== -->

     <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />

-    <!--====== element css ====== -->

-    <link rel="stylesheet" href="../assets/css/element.css">

+    <!--====== element css  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.css====== -->

+    <link rel="stylesheet" href="../assets/css/element.css" rel="stylesheet">

     <!--====== Mean Menu ======-->

     <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />

     <!--====== Default css ======-->

@@ -23,119 +23,126 @@
 
     <!--====== Style css ======-->

     <link rel="stylesheet" href="../assets/css/style.css" />

 

+    <!--====== jquery js ======-->

+    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>

+    <!--====== Bootstrap js ======-->

+    <script src="../assets/js/bootstrap.min.js "></script>

+    <!--====== Vue js https://unpkg.com/vue@3 ======-->

+    <script src="../assets/js/vue.min.js"></script>

+    <!--====== Element js  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.full.js ======-->

+    <script src="../assets/js/element/index.js"></script>

+    <!--====== Mean Menu ======-->

+    <script src="../assets/js/jquery.meanmenu.min.js "></script>

+

+    <!--====== Setting Info js ======-->

+    <script src="../assets/js/settinginfo.js"></script>

+    <!--====== Main js ======-->

+    <script src="../assets/js/main.js "></script>

+    <!--====== commonVue js ======-->

+    <script type="module" src="../assets/js/commonVue.js "></script>

+

 

 </head>

 

 <body>

-    <div id="app" :style="{'display':'block'}" style="display:none">

+    <div id="app">

         <!--[if lte IE 9]>

             <p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>

         <![endif]-->

 

-        <div>

-            <!-- LOADING START -->

-            <div v-if="loading" class="loadingBox">

-                <loading-com></loading-com>

+        <div  class="appInner" :style="{'display':'block'}">

+            <div>

+                <!-- LOADING START -->

+                <div v-if="loading" class="loadingBox">

+                    <loading-com></loading-com>

+                </div>

+                <!-- LOADING END -->

+    

+                <!-- FEEDBACK START -->

+                <feed-fix></feed-fix>

+                <!-- FEEDBACK END -->

+    

+                <!-- DIALOG START-->

+                <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>

+    

+                <!-- DIALOG END -->

             </div>

-            <!-- LOADING END -->

-

-            <!-- FEEDBACK START -->

-            <feed-fix></feed-fix>

-            <!-- FEEDBACK END -->

-

-            <!-- DIALOG START-->

-            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>

-

-            <!-- DIALOG END -->

-        </div>

-        

-        <!--====== HEADER START ======-->

-        <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>

-        <!--====== HEADER END ======-->

-

-        <!--====== NEWS BREADCRUMB START ======-->

-        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">

-            <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >

-                <source  type="video/mp4">

-            </video>

-        </section>

-        <!--====== NEWS BREADCRUMB END ======-->

-

-        <!-- NEWS TYPE START -->

-        <section style=" background:#F7F7F7">

-            <div class="container">

-                <div class="row newTypeBox">

-                    <div class="col-lg-6 col-md-6"  v-for="(item,i) in columnTypes">

-                        <div class="titleOne"

-                        :class="item.id == requestParams.categoryid ? 'active' : ''" v-on:mouseover="facilityClick(i, item)">{{item.categoryName}} </div>

+            

+            <!--====== HEADER START ======-->

+            <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>

+            <!--====== HEADER END ======-->

+    

+            <!--====== NEWS BREADCRUMB START ======-->

+            <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">

+                <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >

+                    <source  type="video/mp4">

+                </video>

+            </section>

+            <!--====== NEWS BREADCRUMB END ======-->

+    

+            <!-- NEWS TYPE START -->

+            <section style=" background:#F7F7F7">

+                <div class="container">

+                    <div class="row newTypeBox">

+                        <div class="col-lg-6 col-md-6"  v-for="(item,i) in columnTypes">

+                            <div class="titleOne"

+                            :class="item.id == requestParams.categoryid ? 'active' : ''" v-on:mouseover="facilityClick(i, item)">{{item.categoryName}} </div>

+                        </div>

                     </div>

                 </div>

-            </div>

-        </section>

-        <!-- NEWS TYPE END -->

-

-        <!--====== NEWS CONTENT START ======-->

-        <section class="news-content-section pt-70">

-            <div class="container">

-                <div class="row">

-                    <div class="col-lg-12 col-md-12 content">

-                        <ul v-if="!loading">

-                            <!-- 新闻列表主题start -->

-                            <div class="row">

-                                <div class="col-md-4 newItemOne" v-for="item in articalArray" :key="item.id">

-                                    <div class="oneInnerBox" @click="oneInnerBox(item)">

-                                        <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}">

+            </section>

+            <!-- NEWS TYPE END -->

+    

+            <!--====== NEWS CONTENT START ======-->

+            <section class="news-content-section pt-70">

+                <div class="container">

+                    <div class="row">

+                        <div class="col-lg-12 col-md-12 content">

+                            <ul v-if="!loading">

+                                <!-- 新闻列表主题start -->

+                                <div class="row">

+                                    <div class="col-md-4 newItemOne" v-for="item in articalArray" :key="item.id">

+                                        <div class="oneInnerBox" @click="oneInnerBox(item)">

+                                            <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}">

+                                            </div>

+                                            <a class="line-two">{{item.title}}</a>

+                                            <span>{{timeFormatSeconds(item.createdate?item.createdate:'')}}</span>

                                         </div>

-                                        <a class="line-two">{{item.title}}</a>

-                                        <span>{{timeFormatSeconds(item.createdate?item.createdate:'')}}</span>

                                     </div>

                                 </div>

-                            </div>

-                        </ul>

-    

-                        <div v-if="!loading" class="page mt-30 mb-30">

-                            <div class="d-flex justify-content-center align-items-end cannot_selected"

-                                style="position:relative">

-                                <div class="page-des align-items-start cannot_selected">共<span> {{

-                                        totalPageNum}}</span>页，共<span> {{totalPageSzie}}</span>条信息</div>

-                                <el-pagination prev-text="上一页" next-text='下一页' :page-size="requestParams.pageSize"

-                                    :current-page="requestParams.pageNum" background layout="prev, pager, next"

-                                    :total="totalPageSzie" @current-change="currentChange">

-                                </el-pagination>

-                                <div class="page-des2 align-items-end cannot_selected pc">前往第

-                                    <input v-model="goPage" class="previous" @keyup.enter="enterPage" /> 页

+                            </ul>

+        

+                            <div v-if="!loading" class="page mt-30 mb-30">

+                                <div class="d-flex justify-content-center align-items-end cannot_selected"

+                                    style="position:relative">

+                                    <div class="page-des align-items-start cannot_selected">共<span> {{

+                                            totalPageNum}}</span>页，共<span> {{totalPageSzie}}</span>条信息</div>

+                                    <el-pagination prev-text="上一页" next-text='下一页' :page-size="requestParams.pageSize"

+                                        :current-page="requestParams.pageNum" background layout="prev, pager, next"

+                                        :total="totalPageSzie" @current-change="currentChange">

+                                    </el-pagination>

+                                    <div class="page-des2 align-items-end cannot_selected pc">前往第

+                                        <input v-model="goPage" class="previous" @keyup.enter="enterPage" /> 页

+                                    </div>

                                 </div>

                             </div>

                         </div>

                     </div>

+                    

                 </div>

-                

-            </div>

+    

+            </section>

+            <!--====== NEWS CONTENT END ======-->

+    

+            <!--====== FOOTER PART START ======-->

+            <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>

+            <!--====== FOOTER PART END ======-->

 

-        </section>

-        <!--====== NEWS CONTENT END ======-->

+        </div>

 

-        <!--====== FOOTER PART START ======-->

-        <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>

-        <!--====== FOOTER PART END ======-->

+        

     </div>

-    <!--====== jquery js ======-->

-    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>

-    <!--====== Bootstrap js ======-->

-    <script src="../assets/js/bootstrap.min.js "></script>

-    <!--====== Vue js ======-->

-    <script src="../assets/js/vue.min.js "></script>

-    <!--====== Element js ======--> 

-    <script src="../assets/js/element/index.js"></script>

-    <!--====== Mean Menu ======-->

-    <script src="../assets/js/jquery.meanmenu.min.js "></script>

-

-    <!--====== Setting Info js ======-->

-    <script src="../assets/js/settinginfo.js"></script>

-    <!--====== Main js ======-->

-    <script src="../assets/js/main.js "></script>

-    <!--====== commonVue js ======-->

-    <script type="module" src="../assets/js/commonVue.js "></script>

+    

 

 

 </body>

+ 92 - 87
news/read.html
Parādīt failu 

@@ -13,8 +13,8 @@
 
 

     <!--====== bootstrap css ====== -->

     <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />

-    <!--====== element css ====== -->

-    <link rel="stylesheet" href="../assets/css/element.css">

+    <!--====== element css  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.css====== -->

+    <link rel="stylesheet" href="../assets/css/element.css" rel="stylesheet">

     <!--====== Mean Menu ======-->

     <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />

     <!--====== Default css ======-->

@@ -23,109 +23,114 @@
 
     <link rel="stylesheet" href="../assets/css/animation.css" />

     <!--====== Style css ======-->

     <link rel="stylesheet" href="../assets/css/style.css" />

+

+    <!--====== jquery js ======-->

+    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>

+    <!--====== Bootstrap js ======-->

+    <script src="../assets/js/bootstrap.min.js "></script>

+    <!--====== Vue js https://unpkg.com/vue@3 ======-->

+    <script src="../assets/js/vue.min.js"></script>

+    <!--====== Element js  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.full.js ======-->

+    <script src="../assets/js/element/index.js"></script>

+    <!--====== Mean Menu ======-->

+    <script src="../assets/js/jquery.meanmenu.min.js "></script>

+

+    <!--====== Setting Info js ======-->

+    <script src="../assets/js/settinginfo.js"></script>

+    <!--====== Main js ======-->

+    <script src="../assets/js/main.js "></script>

+    <!--====== commonVue js ======-->

+    <script type="module" src="../assets/js/commonVue.js "></script>

 </head>

 

 <body>

     <!--[if lte IE 9]>

 	<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>

   <![endif]-->

-    <div id="app" :style="{'display':'block'}" style="display:none">

-        <div>

-            <!-- LOADING START -->

-            <div v-if="loading" class="loadingBox">

-                <loading-com></loading-com>

+    <div id="app">

+        <div  class="appInner" :style="{'display':'block'}">

+            <div>

+                <!-- LOADING START -->

+                <div v-if="loading" class="loadingBox">

+                    <loading-com></loading-com>

+                </div>

+                <!-- LOADING END -->

+    

+                <!-- FEEDBACK START -->

+                <feed-fix></feed-fix>

+                <!-- FEEDBACK END -->

+    

+                <!-- DIALOG START-->

+                <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>

+    

+                <!-- DIALOG END -->

             </div>

-            <!-- LOADING END -->

-

-            <!-- FEEDBACK START -->

-            <feed-fix></feed-fix>

-            <!-- FEEDBACK END -->

-

-            <!-- DIALOG START-->

-            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>

-

-            <!-- DIALOG END -->

-        </div>

-        

-        <!--====== HEADER START ======-->

-        <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>

-        <!--====== HEADER END ======-->

-

-        <!--====== NEWS BREADCRUMB START ======-->

-        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">

-            <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >

-                <source  type="video/mp4">

-            </video>

-        </section>

-        <!--====== NEWS BREADCRUMB END ======-->

-

-        <!--====== NEWS CONTENT START ======-->

-        <section class="news-content-section pt-60">

-            <div class="container" v-if="articalArray.length>0">

-                <div class="row">

-                    <div class="col-lg-12 col-md-12 content">

-                        <div v-if="loading" class="pt-60 pb-60">

-                            <div class="loadEffect">

-                                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>

+            

+            <!--====== HEADER START ======-->

+            <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>

+            <!--====== HEADER END ======-->

+    

+            <!--====== NEWS BREADCRUMB START ======-->

+            <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">

+                <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >

+                    <source  type="video/mp4">

+                </video>

+            </section>

+            <!--====== NEWS BREADCRUMB END ======-->

+    

+            <!--====== NEWS CONTENT START ======-->

+            <section class="news-content-section pt-60">

+                <div class="container" v-if="articalArray.length>0">

+                    <div class="row">

+                        <div class="col-lg-12 col-md-12 content">

+                            <div v-if="loading" class="pt-60 pb-60">

+                                <div class="loadEffect">

+                                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>

+                                </div>

                             </div>

-                        </div>

-                        <div v-if="!loading" class="read_content mb-60">

-                            <div class="section-title text-left both-border mb-60 d-flex justify-content-between">

-                                <div >

-                                    <span class="title-tag2">{{articalArray[0].title}}</span>

-                                    <div class="new-read-title2">

-                                            <span >{{timeFormatSeconds(articalArray[0].createdate)}}</span>

-                                            <!-- <span >作者：{{articalArray[0].author}}</span> -->

-                                            <span >点击量：{{articalArray[0].hits}}</span>

+                            <div v-if="!loading" class="read_content mb-60">

+                                <div class="section-title text-left both-border mb-60 d-flex justify-content-between">

+                                    <div >

+                                        <span class="title-tag2">{{articalArray[0].title}}</span>

+                                        <div class="new-read-title2">

+                                                <span >{{timeFormatSeconds(articalArray[0].createdate)}}</span>

+                                                <!-- <span >作者：{{articalArray[0].author}}</span> -->

+                                                <span >点击量：{{articalArray[0].hits}}</span>

+                                        </div>

                                     </div>

+                                    <a href="./"><img src="../assets/img/product/close.png" alt=""></a>

+                                </div>                            

+                                <div v-html="articalArray[0].content" class="new-read-body">

                                 </div>

-                                <a href="./"><img src="../assets/img/product/close.png" alt=""></a>

-                            </div>                            

-                            <div v-html="articalArray[0].content" class="new-read-body">

                             </div>

-                        </div>

-   

-                        <!-- 相关新闻 start -->

-                        <div v-if="!loading">

-                            <div class="title-tag2">相关新闻</div>

-                            <div class="relNewBox container ">

-                                <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?categoryid='+item.categoryid+'&id='+item.id+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">

-                                    <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>

-                                    <div> {{timeFormatSeconds(articalArray[0].createdate)}}</div>

-                                </a>

+       

+                            <!-- 相关新闻 start -->

+                            <div v-if="!loading">

+                                <div class="title-tag2">相关新闻</div>

+                                <div class="relNewBox container ">

+                                    <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?categoryid='+item.categoryid+'&id='+item.id+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">

+                                        <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>

+                                        <div> {{timeFormatSeconds(articalArray[0].createdate)}}</div>

+                                    </a>

+                                </div>

                             </div>

+                            <!-- 相关新闻end -->

                         </div>

-                        <!-- 相关新闻end -->

                     </div>

                 </div>

-            </div>

-        </section>

-        <!--====== NEWS CONTENT END ======-->

-

-        <!--====== FOOTER PART START ======-->

-        <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>

-        <!--====== FOOTER PART END ======-->

+            </section>

+            <!--====== NEWS CONTENT END ======-->

+    

+            <!--====== FOOTER PART START ======-->

+            <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>

+            <!--====== FOOTER PART END ======-->

+            

+        </div>

+        

 

     </div>

 

-    <!--====== jquery js ======-->

-    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>

-    <!--====== Bootstrap js ======-->

-    <script src="../assets/js/bootstrap.min.js "></script>

-    <!--====== Vue js ======-->

-    <script src="../assets/js/vue.min.js "></script>

-    <!--====== Element js ======--> 

-    <script src="../assets/js/element/index.js"></script>

-    <!--====== Mean Menu ======-->

-    <script src="../assets/js/jquery.meanmenu.min.js "></script>

-

-    <!--====== Setting Info js ======-->

-    <script src="../assets/js/settinginfo.js"></script>

-    <!--====== Main js ======-->

-    <script src="../assets/js/main.js "></script>

-    <!--====== commonVue js ======-->

-    <script type="module" src="../assets/js/commonVue.js "></script>

-

+    

 </body>

 

 </html>

+ 93 - 86
product/read.html
Parādīt failu 

@@ -13,8 +13,8 @@
 
 
    <!--====== bootstrap css ====== -->
 
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
 
-   <!--====== element css ====== -->
 
-   <link rel="stylesheet" href="../assets/css/element.css">
 
+   <!--====== element css  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.css====== -->
 
+   <link rel="stylesheet" href="../assets/css/element.css" rel="stylesheet">
 
    <!--====== Mean Menu ======-->
 
    <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
 
    <!--====== Default css ======-->
 
@@ -23,108 +23,115 @@
 
    <link rel="stylesheet" href="../assets/css/animation.css" />
 
    <!--====== Style css ======-->
 
    <link rel="stylesheet" href="../assets/css/style.css" />
 
+
 
+   <!--====== jquery js ======-->
 
+   <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>
 
+   <!--====== Bootstrap js ======-->
 
+   <script src="../assets/js/bootstrap.min.js "></script>
 
+   <!--====== Vue js https://unpkg.com/vue@3 ======-->
 
+   <script src="../assets/js/vue.min.js"></script>
 
+   <!--====== Element js  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.full.js ======-->
 
+   <script src="../assets/js/element/index.js"></script>
 
+   <!--====== Mean Menu ======-->
 
+   <script src="../assets/js/jquery.meanmenu.min.js "></script>
 
+
 
+   <!--====== Setting Info js ======-->
 
+   <script src="../assets/js/settinginfo.js"></script>
 
+   <!--====== Main js ======-->
 
+   <script src="../assets/js/main.js "></script>
 
+   <!--====== commonVue js ======-->
 
+   <script type="module" src="../assets/js/commonVue.js "></script>
 
 </head>
 
 
 <body>
 
     <!--[if lte IE 9]>
 
 	<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
 
   <![endif]-->
 
-    <div id="app" :style="{'display':'block'}" style="display:none">
 
-     
-        <div>
 
-            <!-- LOADING START -->
 
-            <div v-if="loading" class="loadingBox">
 
-                <loading-com></loading-com>
 
-            </div>
 
-            <!-- LOADING END -->
 
+    <div id="app">
 
 
-            <!-- FEEDBACK START -->
 
-            <feed-fix></feed-fix>
 
-            <!-- FEEDBACK END -->
 
+        <div class="appInner" :style="{'display':'block'}">
 
+            <div>
 
+                <!-- LOADING START -->
 
+                <div v-if="loading" class="loadingBox">
 
+                    <loading-com></loading-com>
 
+                </div>
 
+                <!-- LOADING END -->
 
+    
+                <!-- FEEDBACK START -->
 
+                <feed-fix></feed-fix>
 
+                <!-- FEEDBACK END -->
 
+                
+                <!-- DIALOG START-->
 
+                <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
 
+    
+                <!-- DIALOG END -->
 
+            </div>
 
             
-            <!-- DIALOG START-->
 
-            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
 
-
 
-            <!-- DIALOG END -->
 
-        </div>
 
-        
-        <!--====== HEADER START ======-->
 
-        <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>
 
-        <!--====== HEADER END ======-->
 
-
 
-        <!--====== PRODUCT BREADCRUMB START ======-->
 
-        <section class="common-bradcrumb-section" style="background-color:#aaa"  v-bind:style="{backgroundImage:'url('+columnImage+')'}">
 
-            <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >
 
-                <source  type="video/mp4">
 
-            </video>
 
-        </section>
 
-        
-
 
-        <!--====== PRODUCT CONTENT START ======-->
 
-        <section class="product-content-section pt-60">
 
-            <div class="container" v-if="articalArray.length>0">
 
-                <div class="row">
 
-                    <div class="col-lg-12 col-md-12 content">
 
-                        <div v-if="loading" class="pt-60 pb-60">
 
-                            <div class="loadEffect">
 
-                                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
 
-                            </div>
 
-                        </div>
 
-                        <div v-if="!loading" class="read_content mb-60">
 
-                            <div class="section-title text-left both-border mb-60 d-flex justify-content-between">
 
-                                <span class="title-tag2" >{{articalArray[0].title}}</span>
 
-                                <a href="./"><img src="../assets/img/product/close.png" alt=""></a>
 
+            <!--====== HEADER START ======-->
 
+            <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>
 
+            <!--====== HEADER END ======-->
 
+    
+            <!--====== PRODUCT BREADCRUMB START ======-->
 
+            <section class="common-bradcrumb-section" style="background-color:#aaa"  v-bind:style="{backgroundImage:'url('+columnImage+')'}">
 
+                <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >
 
+                    <source  type="video/mp4">
 
+                </video>
 
+            </section>
 
+            
+    
+            <!--====== PRODUCT CONTENT START ======-->
 
+            <section class="product-content-section pt-60">
 
+                <div class="container" v-if="articalArray.length>0">
 
+                    <div class="row">
 
+                        <div class="col-lg-12 col-md-12 content">
 
+                            <div v-if="loading" class="pt-60 pb-60">
 
+                                <div class="loadEffect">
 
+                                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
 
+                                </div>
 
                             </div>
 
-                            <div class="row">
 
-                                 <div class="col-lg-5 col-md-6 ">
 
-                                    <img :src="articalArray[0].image" alt="" style="width:90%">
 
-                                 </div>
 
-                                 <div class=" col-lg-7 col-md-6 " >
 
-                                    <div  v-html="articalArray[0].content"></div>
 
-                                 </div>
 
+                            <div v-if="!loading" class="read_content mb-60">
 
+                                <div class="section-title text-left both-border mb-60 d-flex justify-content-between">
 
+                                    <span class="title-tag2" >{{articalArray[0].title}}</span>
 
+                                    <a href="./"><img src="../assets/img/product/close.png" alt=""></a>
 
+                                </div>
 
+                                <div class="row">
 
+                                     <div class="col-lg-5 col-md-6 ">
 
+                                        <img :src="articalArray[0].image" alt="" style="width:90%">
 
+                                     </div>
 
+                                     <div class=" col-lg-7 col-md-6 " >
 
+                                        <div  v-html="articalArray[0].content"></div>
 
+                                     </div>
 
+                                </div>
 
                             </div>
 
-                        </div>
 
-
 
-                        <!-- 相关产品 start -->
 
-                        <div v-if="articalArrayRelated.length>0">
 
-                            <div class="title-tag2 ">相关产品</div>
 
-                            <div class="relNewBox container ">
 
-                                <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?categoryid='+item.categoryid+'&id='+item.id+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">
 
-                                    <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
 
-                                    <div> {{timeFormatSeconds(item.modifydate?item.modifydate:'')}}</div>
 
-                                </a>
 
+    
+                            <!-- 相关产品 start -->
 
+                            <div v-if="articalArrayRelated.length>0">
 
+                                <div class="title-tag2 ">相关产品</div>
 
+                                <div class="relNewBox container ">
 
+                                    <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?categoryid='+item.categoryid+'&id='+item.id+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">
 
+                                        <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
 
+                                        <div> {{timeFormatSeconds(item.modifydate?item.modifydate:'')}}</div>
 
+                                    </a>
 
+                                </div>
 
                             </div>
 
+                            <!-- 相关产品end -->
 
                         </div>
 
-                        <!-- 相关产品end -->
 
                     </div>
 
                 </div>
 
-            </div>
 
-        </section>
 
-        <!--====== PRODUCT CONTENT END ======-->
 
+            </section>
 
+            <!--====== PRODUCT CONTENT END ======-->
 
+    
+            <!--====== FOOTER PART START ======-->
 
+            <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>
 
+            <!--====== FOOTER PART END ======-->
 
 
-        <!--====== FOOTER PART START ======-->
 
-        <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>
 
-        <!--====== FOOTER PART END ======-->
 
+        </div>
 
+     
+        
 
     </div>
 
 
-    <!--====== jquery js ======-->
 
-    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>
 
-    <!--====== Bootstrap js ======-->
 
-    <script src="../assets/js/bootstrap.min.js "></script>
 
-    <!--====== Vue js ======-->
 
-    <script src="../assets/js/vue.min.js "></script>
 
-    <!--====== Element js ======--> 
-    <script src="../assets/js/element/index.js"></script>
 
-    <!--====== Mean Menu ======-->
 
-    <script src="../assets/js/jquery.meanmenu.min.js "></script>
 
-
 
-    <!--====== Setting Info js ======-->
 
-    <script src="../assets/js/settinginfo.js"></script>
 
-    <!--====== Main js ======-->
 
-    <script src="../assets/js/main.js "></script>
 
-    <!--====== commonVue js ======-->
 
-    <script type="module" src="../assets/js/commonVue.js "></script>
 
+   
 </body>
 
 
 </html>

+ 95 - 89
solution/index.html
Parādīt failu 

@@ -13,8 +13,8 @@
 
 

     <!--====== bootstrap css ====== -->

     <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />

-    <!--====== element css ====== -->

-    <link rel="stylesheet" href="../assets/css/element.css">

+    <!--====== element css  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.css====== -->

+    <link rel="stylesheet" href="../assets/css/element.css" rel="stylesheet">

     <!--====== Mean Menu ======-->

     <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />

     <!--====== Default css ======-->

@@ -24,112 +24,118 @@
 
     <!--====== Style css ======-->

     <link rel="stylesheet" href="../assets/css/style.css" />

 

+    <!--====== jquery js ======-->

+    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>

+    <!--====== Bootstrap js ======-->

+    <script src="../assets/js/bootstrap.min.js "></script>

+    <!--====== Vue js https://unpkg.com/vue@3 ======-->

+    <script src="../assets/js/vue.min.js"></script>

+    <!--====== Element js  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.full.js ======-->

+    <script src="../assets/js/element/index.js"></script>

+    <!--====== Mean Menu ======-->

+    <script src="../assets/js/jquery.meanmenu.min.js "></script>

+

+    <!--====== Setting Info js ======-->

+    <script src="../assets/js/settinginfo.js"></script>

+    <!--====== Main js ======-->

+    <script src="../assets/js/main.js "></script>

+    <!--====== commonVue js ======-->

+    <script type="module" src="../assets/js/commonVue.js "></script>

+

 </head>

 

 <body>

-    <div id="app" :style="{'display':'block'}" style="display:none">

-        <div>

-            <!-- LOADING START -->

-            <div v-if="loading" class="loadingBox">

-                <loading-com></loading-com>

+    <div id="app">

+        <div  class="appInner" :style="{'display':'block'}">

+            <div>

+                <!-- LOADING START -->

+                <div v-if="loading" class="loadingBox">

+                    <loading-com></loading-com>

+                </div>

+                <!-- LOADING END -->

+    

+                <!-- FEEDBACK START -->

+                <feed-fix></feed-fix>

+                <!-- FEEDBACK END -->

+                

+                <!-- DIALOG START-->

+                <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>

+                <!-- DIALOG END -->

             </div>

-            <!-- LOADING END -->

-

-            <!-- FEEDBACK START -->

-            <feed-fix></feed-fix>

-            <!-- FEEDBACK END -->

             

-            <!-- DIALOG START-->

-            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>

-            <!-- DIALOG END -->

-        </div>

-        

-        <!--====== HEADER START ======-->

-        <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>

-        <!--====== HEADER END ======-->

-

-        <!--====== COMMON BREADCRUMB START ======-->

-        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">

-            <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >

-                <source  type="video/mp4">

-            </video>

-            

-                </section>

-

+            <!--====== HEADER START ======-->

+            <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>

+            <!--====== HEADER END ======-->

+    

+            <!--====== COMMON BREADCRUMB START ======-->

+            <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">

+                <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >

+                    <source  type="video/mp4">

+                </video>

                 

-        <!--====== COMMON BREADCRUMB END ======-->

-      

-

-        <!--====== SOLUTION TYPE START ======-->

-        <section style="background:#F4F8FD" class="solutionType">

-            <div class="container pc" style="text-align:center">

-                <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"

-                v-on:mouseover="facilityClick(i, item)"  :style="{'width':(1/columnTypes.length*100)+'%' }">

-                    <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">

-                        <img :src="item.imagePath" alt="">

+                    </section>

+    

+                    

+            <!--====== COMMON BREADCRUMB END ======-->

+          

+    

+            <!--====== SOLUTION TYPE START ======-->

+            <section style="background:#F4F8FD" class="solutionType">

+                <div class="container pc" style="text-align:center">

+                    <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"

+                    v-on:mouseover="facilityClick(i, item)"  :style="{'width':(1/columnTypes.length*100)+'%' }">

+                        <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">

+                            <img :src="item.imagePath" alt="">

+                        </div>

+                        <P>{{item.categoryName}}</P>

                     </div>

-                    <P>{{item.categoryName}}</P>

                 </div>

-            </div>

-            <div class="container mobile" style="text-align:center">

-                <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"

-                v-on:mouseover="facilityClick(i, item)"  >

-                    <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">

-                        <img :src="item.imagePath" alt="">

+                <div class="container mobile" style="text-align:center">

+                    <div class=" solutionTypeOne" v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"

+                    v-on:mouseover="facilityClick(i, item)"  >

+                        <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">

+                            <img :src="item.imagePath" alt="">

+                        </div>

+                        <P>{{item.categoryName}}</P>

                     </div>

-                    <P>{{item.categoryName}}</P>

                 </div>

-            </div>

-        </section>

-        <!--====== SOLUTION TYPE END ======-->

-

-        <!--====== SOLUTION SECTION START ======-->

-        <section class="solution-section">

-

-            <div v-for="(item,index) in articalArray" :key="item.id" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}" style="padding:40px 0" >

-                <div class="container"  @click="oneInnerBox(item)">

-                    <div  class="solutionItem" >

-                        <div class="solutionTitle">

-                            {{item.title}}

-                        </div>

-                        <div class="row solutionInner">

-                            <div class="col-md-7">

-                                <p v-html="item.lmtitle"></p>

-                                <div class="pt-40 mb-20">{{item.zhaiyao}}</div>

+            </section>

+            <!--====== SOLUTION TYPE END ======-->

+    

+            <!--====== SOLUTION SECTION START ======-->

+            <section class="solution-section">

+    

+                <div v-for="(item,index) in articalArray" :key="item.id" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}" style="padding:40px 0" >

+                    <div class="container"  @click="oneInnerBox(item)">

+                        <div  class="solutionItem" >

+                            <div class="solutionTitle">

+                                {{item.title}}

                             </div>

-                            <div class="col-md-5 text-center">

-                                <img :src="item.image" alt="" >

+                            <div class="row solutionInner">

+                                <div class="col-md-7">

+                                    <p v-html="item.lmtitle"></p>

+                                    <div class="pt-40 mb-20">{{item.zhaiyao}}</div>

+                                </div>

+                                <div class="col-md-5 text-center">

+                                    <img :src="item.image" alt="" >

+                                </div>

                             </div>

                         </div>

                     </div>

                 </div>

-            </div>

-        </section>

-        <!--====== SOLUTION SECTION END ======-->

+            </section>

+            <!--====== SOLUTION SECTION END ======-->

+    

+            <!--====== FOOTER PART START ======-->

+            <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>

+            <!--====== FOOTER PART END ======-->

 

-        <!--====== FOOTER PART START ======-->

-        <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>

-        <!--====== FOOTER PART END ======-->

+        </div>

+        

 

     </div>

 

-    <!--====== jquery js ======-->

-    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>

-    <!--====== Bootstrap js ======-->

-    <script src="../assets/js/bootstrap.min.js "></script>

-    <!--====== Vue js ======-->

-    <script src="../assets/js/vue.min.js "></script>

-    <!--====== Element js ======--> 

-    <script src="../assets/js/element/index.js"></script>

-    <!--====== Mean Menu ======-->

-    <script src="../assets/js/jquery.meanmenu.min.js "></script>

-

-    <!--====== Setting Info js ======-->

-    <script src="../assets/js/settinginfo.js"></script>

-    <!--====== Main js ======-->

-    <script src="../assets/js/main.js "></script>

-    <!--====== commonVue js ======-->

-    <script type="module" src="../assets/js/commonVue.js "></script>

+   

 </body>

 

 </html>

+ 87 - 83
solution/read.html
Parādīt failu 

@@ -13,8 +13,8 @@
 
 
     <!--====== bootstrap css ====== -->
 
     <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
 
-    <!--====== element css ====== -->
 
-    <link rel="stylesheet" href="../assets/css/element.css">
 
+    <!--====== element css  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.css====== -->
 
+    <link rel="stylesheet" href="../assets/css/element.css" rel="stylesheet">
 
     <!--====== Mean Menu ======-->
 
     <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
 
     <!--====== Default css ======-->
 
@@ -24,104 +24,108 @@
 
     <!--====== Style css ======-->
 
     <link rel="stylesheet" href="../assets/css/style.css" />
 
 
+    <!--====== jquery js ======-->
 
+    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>
 
+    <!--====== Bootstrap js ======-->
 
+    <script src="../assets/js/bootstrap.min.js "></script>
 
+    <!--====== Vue js https://unpkg.com/vue@3 ======-->
 
+    <script src="../assets/js/vue.min.js"></script>
 
+    <!--====== Element js  https://cdn.bootcdn.net/ajax/libs/element-plus/2.3.3/index.full.js ======-->
 
+    <script src="../assets/js/element/index.js"></script>
 
+    <!--====== Mean Menu ======-->
 
+    <script src="../assets/js/jquery.meanmenu.min.js "></script>
 
+
 
+    <!--====== Setting Info js ======-->
 
+    <script src="../assets/js/settinginfo.js"></script>
 
+    <!--====== Main js ======-->
 
+    <script src="../assets/js/main.js "></script>
 
+    <!--====== commonVue js ======-->
 
+    <script type="module" src="../assets/js/commonVue.js "></script>
 
+
 
 </head>
 
 
 <body>
 
     <!--[if lte IE 9]>
 
 	<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
 
   <![endif]-->
 
-    <div id="app" :style="{'display':'block'}" style="display:none">
 
-     
-        <div>
 
-            <!-- LOADING START -->
 
-            <div v-if="loading" class="loadingBox">
 
-                <loading-com></loading-com>
 
+    <div id="app">
 
+        <div  class="appInner" :style="{'display':'block'}">
 
+            <div>
 
+                <!-- LOADING START -->
 
+                <div v-if="loading" class="loadingBox">
 
+                    <loading-com></loading-com>
 
+                </div>
 
+                <!-- LOADING END -->
 
+    
+                <!-- FEEDBACK START -->
 
+                <feed-fix></feed-fix>
 
+                <!-- FEEDBACK END -->
 
+    
+                <!-- DIALOG START-->
 
+                <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
 
+    
+                <!-- DIALOG END -->
 
             </div>
 
-            <!-- LOADING END -->
 
-
 
-            <!-- FEEDBACK START -->
 
-            <feed-fix></feed-fix>
 
-            <!-- FEEDBACK END -->
 
-
 
-            <!-- DIALOG START-->
 
-            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
 
-
 
-            <!-- DIALOG END -->
 
-        </div>
 
-        
-        <!--====== HEADER START ======-->
 
-        <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>
 
-        <!--====== HEADER END ======-->
 
-
 
-        <!--====== PRODUCT BREADCRUMB START ======-->
 
-        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">
 
-            <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >
 
-                <source  type="video/mp4">
 
-            </video>
 
-        </section>
 
-
 
-        <!--====== PRODUCT CONTENT START ======-->
 
-        <section class="product-content-section pt-60">
 
-            <div class="container" v-if="articalArray.length>0">
 
-                <div class="row">
 
-                    <div class="col-lg-12 col-md-12 content">
 
-                        <div v-if="loading" class="pt-60 pb-60">
 
-                            <div class="loadEffect">
 
-                                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
 
-                            </div>
 
-                        </div>
 
-                        <div v-if="!loading" class="read_content mb-60">
 
-                            <div class="section-title text-center both-border mb-60 d-flex justify-content-between">
 
-                                <span class="title-tag2" >{{articalArray[0].title}}</span>
 
-                                <a href="./"><img src="../assets/img/product/close.png" alt=""></a>
 
+            
+            <!--====== HEADER START ======-->
 
+            <header-com  @data-event="goApply" :todo="columnList" :currentone="currentPath"></header-com>
 
+            <!--====== HEADER END ======-->
 
+    
+            <!--====== PRODUCT BREADCRUMB START ======-->
 
+            <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">
 
+                <video id="videoPlay" v-if="modelType==2" autoplay loop muted style="width:100%;height:100%;object-fit:fill;" >
 
+                    <source  type="video/mp4">
 
+                </video>
 
+            </section>
 
+    
+            <!--====== PRODUCT CONTENT START ======-->
 
+            <section class="product-content-section pt-60">
 
+                <div class="container" v-if="articalArray.length>0">
 
+                    <div class="row">
 
+                        <div class="col-lg-12 col-md-12 content">
 
+                            <div v-if="loading" class="pt-60 pb-60">
 
+                                <div class="loadEffect">
 
+                                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
 
+                                </div>
 
                             </div>
 
-                            <div class="row">
 
-                                 <div class=" col-lg-12 col-md-12  " >
 
-                                    <div  v-html="articalArray[0].content"></div>
 
-                                 </div>
 
+                            <div v-if="!loading" class="read_content mb-60">
 
+                                <div class="section-title text-center both-border mb-60 d-flex justify-content-between">
 
+                                    <span class="title-tag2" >{{articalArray[0].title}}</span>
 
+                                    <a href="./"><img src="../assets/img/product/close.png" alt=""></a>
 
+                                </div>
 
+                                <div class="row">
 
+                                     <div class=" col-lg-12 col-md-12  " >
 
+                                        <div  v-html="articalArray[0].content"></div>
 
+                                     </div>
 
+                                </div>
 
                             </div>
 
-                        </div>
 
-                        <!-- 相关推荐 start -->
 
-                        <div v-if="articalArrayRelated.length>0">
 
-                            <div class="title-tag2">相关推荐</div>
 
-                            <div class="relNewBox container ">
 
-                                <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?categoryid='+item.categoryid+'&id='+item.id+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">
 
-                                    <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
 
-                                    <div> {{timeFormatSeconds(item.modifydate?item.modifydate:'')}}</div>
 
-                                </a>
 
+                            <!-- 相关推荐 start -->
 
+                            <div v-if="articalArrayRelated.length>0">
 
+                                <div class="title-tag2">相关推荐</div>
 
+                                <div class="relNewBox container ">
 
+                                    <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?categoryid='+item.categoryid+'&id='+item.id+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">
 
+                                        <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
 
+                                        <div> {{timeFormatSeconds(item.modifydate?item.modifydate:'')}}</div>
 
+                                    </a>
 
+                                </div>
 
                             </div>
 
+                            <!-- 相关推荐end -->
 
+    
                         </div>
 
-                        <!-- 相关推荐end -->
 
-
 
                     </div>
 
                 </div>
 
-            </div>
 
-        </section>
 
-        <!--====== PRODUCT CONTENT END ======-->
 
+            </section>
 
+            <!--====== PRODUCT CONTENT END ======-->
 
+    
+            <!--====== FOOTER PART START ======-->
 
+            <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>
 
+            <!--====== FOOTER PART END ======-->
 
 
-        <!--====== FOOTER PART START ======-->
 
-        <footer-com v-if="columnList.length>1&&footerBoolean" :todo="columnList"></footer-com>
 
-        <!--====== FOOTER PART END ======-->
 
+        </div>
 
+        
 
     </div>
 
 
-    <!--====== jquery js ======-->
 
-    <script src="../assets/js/vendor/jquery-1.12.4.min.js "></script>
 
-    <!--====== Bootstrap js ======-->
 
-    <script src="../assets/js/bootstrap.min.js "></script>
 
-    <!--====== Vue js ======-->
 
-    <script src="../assets/js/vue.min.js "></script>
 
-    <!--====== Element js ======--> 
-    <script src="../assets/js/element/index.js"></script>
 
-    <!--====== Mean Menu ======-->
 
-    <script src="../assets/js/jquery.meanmenu.min.js "></script>
 
-
 
-    <!--====== Setting Info js ======-->
 
-    <script src="../assets/js/settinginfo.js"></script>
 
-    <!--====== Main js ======-->
 
-    <script src="../assets/js/main.js "></script>
 
-    <!--====== commonVue js ======-->
 
-    <script type="module" src="../assets/js/commonVue.js "></script>
 
 
 </body>