Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 91精品久久久久含羞草,国产精品一区二区三区久久,国产精品久久久久激情影院

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML 文本格式化

          HTML文本格式化通常使用一系列特定的標(biāo)簽來改變文本的外觀或結(jié)構(gòu)。這些標(biāo)簽可以控制文本的字體、大小、顏色、對(duì)齊方式等,也可以用來標(biāo)記文本的邏輯結(jié)構(gòu)(如段落、標(biāo)題、列表等)。除了這些基本的格式化標(biāo)簽,HTML還支持通過CSS(級(jí)聯(lián)樣式表)來更精細(xì)和靈活地控制文本的格式和樣式。


          參考文檔:https://www.cjavapy.com/article/3306/


          1、標(biāo)題


          HTML中,文本格式化和結(jié)構(gòu)化主要通過一系列標(biāo)簽來完成,其中標(biāo)題(Headings)標(biāo)簽是最常用于定義文本格式的元素之一。HTML提供了六級(jí)標(biāo)題標(biāo)簽,從 <h1> 到 <h6>,<h1> 表示最高級(jí)別的標(biāo)題,而 <h6> 表示最低級(jí)別的標(biāo)題。這些標(biāo)題標(biāo)簽不僅幫助改善網(wǎng)頁的結(jié)構(gòu)和可讀性,還對(duì)搜索引擎優(yōu)化(SEO)至關(guān)重要,因?yàn)樗阉饕媸褂眠@些標(biāo)簽來識(shí)別網(wǎng)頁上的不同部分和內(nèi)容的層次結(jié)構(gòu)。每個(gè)級(jí)別的標(biāo)題都有默認(rèn)的樣式,通常是不同的大小和加粗,以顯示它們的層次結(jié)構(gòu)


          <h1>這是一個(gè) H1 標(biāo)題</h1>
          <h2>這是一個(gè) H2 標(biāo)題</h2>
          <h3>這是一個(gè) H3 標(biāo)題</h3>
          <h4>這是一個(gè) H4 標(biāo)題</h4>
          <h5>這是一個(gè) H5 標(biāo)題</h5>
          <h6>這是一個(gè) H6 標(biāo)題</h6>


          2、段落與換行


          HTML中,文本格式化通常涉及使用特定的標(biāo)簽來控制文本的顯示方式。段落和換行是兩個(gè)基本但非常重要的文本格式化概念。用<p>創(chuàng)建段落,<br>插入換行。


          1)段落 (<p> 標(biāo)簽)


          <p> 標(biāo)簽自帶上下邊距,用以區(qū)分不同的段落。
          <p>這是一個(gè)段落。</p>
          <p>這是另一個(gè)段落。</p>


          2)換行 (<br> 標(biāo)簽)


          <br> 標(biāo)簽只是簡(jiǎn)單地添加一個(gè)換行點(diǎn),不添加任何額外的空間或邊距,并且通常用于詩歌或地址等需要精確控制換行位置的文本。


          這是文本行的開始。<br>這是新的一行,但在同一個(gè)段落內(nèi)。


          3、強(qiáng)調(diào)文本


          使用<em>和<strong>強(qiáng)調(diào)文本。HTML中,強(qiáng)調(diào)文本通常使用 <em> 和 <strong> 標(biāo)簽來實(shí)現(xiàn)。這兩個(gè)標(biāo)簽既有語義意義,也影響文本的表現(xiàn)形式。


          <em> 標(biāo)簽用于表示強(qiáng)調(diào)文本,通常表現(xiàn)為斜體,用以表示文本的輕度強(qiáng)調(diào)。


          <strong> 標(biāo)簽用于表示更強(qiáng)烈的強(qiáng)調(diào),通常表現(xiàn)為加粗,表示文本的高度強(qiáng)調(diào)。


          <p>This is <em>emphasized</em> text.</p>
          <p>This is <strong>strongly emphasized</strong> text.</p>


          4、列表


          HTML 提供了兩種主要的列表類型:有序列表(<ol>)和無序列表(<ul>)。兩種類型都使用列表項(xiàng)(<li>)來定義列表中的實(shí)際項(xiàng)。


          1)有序列表


          有序列表以 <ol> 標(biāo)簽開始。每個(gè)列表項(xiàng)都放在 <li> 標(biāo)簽內(nèi)。列表是有序的,也就是每個(gè)項(xiàng)目都是編號(hào)的。這適用于項(xiàng)目順序很重要的列表,如食譜或待辦事項(xiàng)列表。


          <ol>
            <li>第一項(xiàng)</li>
            <li>第二項(xiàng)</li>
            <li>第三項(xiàng)</li>
          </ol>


          2)無序列表


          無序列表以 <ul> 標(biāo)簽開始。像有序列表一樣,每個(gè)項(xiàng)都放在 <li> 標(biāo)簽內(nèi)。然而,無序列表中的項(xiàng)目不是編號(hào)的。使用圓點(diǎn)符號(hào)進(jìn)行表示。這適用于項(xiàng)目順序不重要的列表,如購物清單。


          <ul>
            <li>蘋果</li>
            <li>香蕉</li>
            <li>橙子</li>
          </ul>


          5、使用示例


          <!DOCTYPE html>
          <html>
          <head>
          <title>文本格式化示例</title>
          </head>
          <body>
          
          <h1>HTML 文本格式化</h1>
          <p>這是一個(gè)<em>斜體</em>和<strong>加粗</strong>的示例。</p>
          <p><u>這段文本下劃線</u>和<s>這段文本是刪除線</s>。</p>
          <p>化學(xué)水分子公式為H<sub>2</sub>O,E=mc<sup>2</sup>。</p>
          
          <pre>
          這是預(yù)格式化文本,
          保留了空格和
          換行符。
          </pre>
          
          <blockquote>這是一個(gè)長引用的示例,可能包含多個(gè)段落。</blockquote>
          <p>這是一個(gè)<q>短引用</q>的示例。</p>
          
          <p>使用<code>HTML</code>和<code>CSS</code>進(jìn)行網(wǎng)頁設(shè)計(jì)。</p>
          <p>按<kbd>Ctrl</kbd> + <kbd>C</kbd>復(fù)制文本。</p>
          <p><samp>這是計(jì)算機(jī)程序的輸出。</samp></p>
          <p>在JavaScript中,<var>x</var>可以作為變量。</p>
          
          </body>
          </html>


          參考文檔:https://www.cjavapy.com/article/3306/

          方法一:sticky 方式

          核心樣式

                  .pure-table-wrapper-div {
                      overflow-x: scroll;
                  }
              
                  table.pure-table th:first-child,
                  table.pure-table td:first-child {
                      position: sticky;
                      left: 0;
                      z-index: 1;
                      background-color: aliceblue;
                  }
          

          解釋

          .pure-table-wrapper-div:

          這個(gè)類名應(yīng)用于包裹表格的 div 元素。它的樣式規(guī)則如下:

          overflow-x: scroll;: 當(dāng)內(nèi)容寬度超出容器寬度時(shí),顯示水平滾動(dòng)條。這允許用戶在需要時(shí)水平滾動(dòng)查看表格的所有列。


          示例 HTML 結(jié)構(gòu):


          <div class="pure-table-wrapper-div"> <table class="pure-table"> <!-- 表格內(nèi)容 --> </table> </div>


          table.pure-table th:first-child, table.pure-table td:first-child: 這兩個(gè)選擇器分別針對(duì) .pure-table 類的表格中的第一個(gè)表頭單元格(<th>)和第一個(gè)數(shù)據(jù)單元格(<td>)。


          它們定義的樣式規(guī)則如下:


          position: sticky;: 使用黏性定位。黏性定位元素在滾動(dòng)時(shí)會(huì)根據(jù)設(shè)置的 top、bottom、left 或 right 屬性值在特定位置 "粘附"。在本例中,由于定義了 left: 0;,這些元素會(huì)在左側(cè)邊緣粘附。 left: 0;: 在元素滾動(dòng)到視口左側(cè)邊緣時(shí)使其粘附。與 position: sticky; 結(jié)合使用。


          z-index: 1;: 設(shè)置元素的堆疊順序。值越大,元素越靠前。在這種情況下,將第一個(gè)單元格設(shè)置為 z-index: 1 可確保它在其他表格單元格之上。


          background-color: aliceblue;: 為匹配的單元格設(shè)置背景顏色。這可以增強(qiáng)視覺效果,使粘附的單元格與其他單元格區(qū)分開。

          這段 CSS 代碼的主要目的是實(shí)現(xiàn)表格的水平滾動(dòng),并固定第一列,使其在水平滾動(dòng)時(shí)保持可見。同時(shí),為第一列的單元格設(shè)置了背景顏色以增強(qiáng)視覺效果。


          總的來說是:


          使用 position: sticky; 來固定第一列。在 table.pure-table th:first-child 中設(shè)置了 position: sticky; 和 left: 0;,并將 z-index 設(shè)為 1,以確保第一列在滾動(dòng)時(shí)會(huì)固定在屏幕上方。

          完整代碼

          <!DOCTYPE html>
          <html lang="zh-CN">
          
          <head>
              <meta charset="UTF-8">
              <link rel="stylesheet" href="./purecss@3.0.0.css">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <title>文檔</title>
              <style>
                  .pure-table-wrapper-div {
                      overflow-x: scroll;
                  }
              
                  table.pure-table th:first-child,
                  table.pure-table td:first-child {
                      position: sticky;
                      left: 0;
                      z-index: 1;
                      background-color: aliceblue;
                  }
              </style>
          </head>
          
          <body>
              <div class="pure-table-wrapper-div">
                  <table class="pure-table">
                      <thead>
                          <tr>
                              <th>#</th>
                              <th>品牌</th>
                              <th>型號(hào)</th>
                              <th>隨機(jī)字符串</th>
                              <th>說明</th>
                          </tr>
                      </thead>
                      <tbody>
                          <tr>
                              <td>1</td>
                              <td>本田</td>
                              <td>雅閣</td>
                              <td>2009-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                              <td>這是一段中文說明文字。</td>
                          </tr>
                          <tr>
                              <td>2</td>
                              <td>豐田</td>
                              <td>凱美瑞</td>
                              <td>2012-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                              <td>這是一段中文說明文字。</td>
                          </tr>
                          <tr>
                              <td>3</td>
                              <td>現(xiàn)代</td>
                              <td>領(lǐng)動(dòng)</td>
                              <td>2010-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                              <td>這是一段中文說明文字。</td>
                          </tr>
                      </tbody>
                  </table>
              </div>
          </body>
          
          </html>
          

          中文不換行

          要去除表格中最后一列中文的換行效果,可以使用 CSS 的 white-space 屬性,將其設(shè)置為 nowrap,這樣文字就不會(huì)自動(dòng)換行了。

          添加了以下 CSS 樣式:

          table.pure-table td:last-child,
          table.pure-table th:last-child {
              white-space: nowrap;
          }
          

          這樣,最后一列中文就不會(huì)自動(dòng)換行了。其中 table.pure-table td:last-child 和 table.pure-table th:last-child 選擇器用于指定表格中的最后一列單元格,white-space: nowrap; 則是將 white-space 屬性設(shè)置為 nowrap,禁止其自動(dòng)換行。

          小結(jié)

          position: sticky 是 CSS 中的一種定位方式,可以實(shí)現(xiàn)元素在滾動(dòng)時(shí)固定在屏幕上,直到其滾動(dòng)到指定位置。相對(duì)于 position: fixed,position: sticky 有以下優(yōu)點(diǎn)和缺點(diǎn):

          優(yōu)點(diǎn):

          1. 不會(huì)脫離文檔流,因此不會(huì)影響其他元素的布局和位置;
          2. 可以在頁面滾動(dòng)到指定位置時(shí)自動(dòng)固定,無需手動(dòng)計(jì)算位置;
          3. 可以在滾動(dòng)到指定位置后自動(dòng)取消固定,不會(huì)一直占據(jù)屏幕空間,避免了 position: fixed 的潛在問題;
          4. 可以在固定元素上設(shè)置 z-index 屬性,與其他元素進(jìn)行層級(jí)控制。

          缺點(diǎn):

          1. 兼容性問題:position: sticky 不是所有瀏覽器都支持,特別是在 IE11 及以下版本中不支持;
          2. 在某些情況下可能會(huì)存在性能問題,尤其是在滾動(dòng)時(shí)固定的元素較多時(shí),可能會(huì)導(dǎo)致卡頓和性能下降;
          3. 在某些情況下可能會(huì)存在滾動(dòng)到指定位置時(shí)出現(xiàn)抖動(dòng)的問題,需要通過對(duì)元素和容器的尺寸、位置等進(jìn)行調(diào)整來解決。

          綜上所述,position: sticky 是一種靈活且易用的定位方式,具有很多優(yōu)點(diǎn),但在兼容性和性能方面有一些缺點(diǎn)需要注意。如果要在項(xiàng)目中使用 position: sticky,需要在兼容性和性能方面進(jìn)行綜合考慮,以確保其正常運(yùn)行和良好的用戶體驗(yàn)。

          【兼容性好】postion 的 absolute 方式【需要指定首列寬度】

          核心樣式

                  .pure-table-wrapper-div {
                      overflow-x: scroll;
                      margin-left: 5em;
                  }
                
                  table.pure-table tr td:first-child,
                  table.pure-table tr th:first-child {
                      position: absolute;
                      width: 5em;
                      left: 0;
                  }
          

          解釋

          這段 CSS 代碼主要是為了實(shí)現(xiàn)固定表格首列和橫向滾動(dòng)效果,并且在表格首列添加了固定的寬度。

          首先,.pure-table-wrapper-div 是一個(gè)包裹表格的 div 元素,通過設(shè)置 overflow-x: scroll,實(shí)現(xiàn)了橫向滾動(dòng)的效果。同時(shí),通過設(shè)置 margin-left: 5em,在左側(cè)添加了 5em 的空白,使得表格不會(huì)緊貼在頁面最左側(cè),美觀性更好。

          接著,table.pure-table tr td:first-child 和 table.pure-table tr th:first-child 選擇器用于選中表格中的第一列單元格,使用 position: absolute 將其從文檔流中脫離,并使用 width: 5em 指定其寬度為 5em,然后通過 left: 0 將其固定在表格最左側(cè)。

          這樣,表格的首列就被固定在了左側(cè),不會(huì)隨著表格的滾動(dòng)而移動(dòng),同時(shí)也添加了固定的寬度,使得表格整體更加美觀和易讀。

          總的來說,這段 CSS 代碼實(shí)現(xiàn)了表格的固定首列和橫向滾動(dòng)效果,同時(shí)也為表格首列添加了固定的寬度,提高了表格的可讀性和美觀性。

          完整代碼

          <!DOCTYPE html>
          <html lang="en">
          
          <head>
              <meta charset="UTF-8">
              <link rel="stylesheet" href="./purecss@3.0.0.css">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <title>Document</title>
          </head>
          
          <body>
              <style>
                  .pure-table-wrapper-div {
                      overflow-x: scroll;
                      margin-left: 5em;
                  }
                
                  table.pure-table tr td:first-child,
                  table.pure-table tr th:first-child {
                      position: absolute;
                      width: 5em;
                      left: 0;
                  }
              </style>
              <div class="pure-table-wrapper-div">
                  <table class="pure-table">
                      <thead>
                          <tr>
                              <th>#</th>
                              <th>Make</th>
                              <th>Model</th>
                              <th>隨機(jī)數(shù)</th>
                          </tr>
                      </thead>
                      <tbody>
                          <tr>
                              <td>1</td>
                              <td>Honda</td>
                              <td>Accord</td>
                              <td>2009-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                          </tr>
                          <tr>
                              <td>2</td>
                              <td>Toyota</td>
                              <td>Camry</td>
                              <td>2012-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                          </tr>
                          <tr>
                              <td>3</td>
                              <td>Hyundai</td>
                              <td>Elantra</td>
                              <td>2010-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                          </tr>
                      </tbody>
                  </table>
              </div>
          </body>
          
          </html>
          

          小結(jié)

          CSS 中的 position: absolute 定位方式可以讓元素脫離文檔流,并相對(duì)于它的最近的非 static 定位祖先元素進(jìn)行定位。相對(duì)于其他定位方式,position: absolute 有以下優(yōu)點(diǎn)和缺點(diǎn):

          優(yōu)點(diǎn):

          1. 可以精確控制元素的位置,可以在任何位置放置元素;
          2. 可以與其他元素重疊,實(shí)現(xiàn)復(fù)雜的布局效果;
          3. 可以讓元素脫離文檔流,不會(huì)影響其他元素的布局和位置;
          4. 可以通過設(shè)置 z-index 屬性進(jìn)行層級(jí)控制。

          缺點(diǎn):

          1. 不會(huì)占據(jù)原來的空間,可能會(huì)導(dǎo)致其他元素填補(bǔ)其位置,影響頁面布局;
          2. 定位時(shí)需要手動(dòng)指定位置,不如其他定位方式使用方便;
          3. 在某些情況下,可能會(huì)出現(xiàn)元素位置計(jì)算錯(cuò)誤的問題,需要仔細(xì)調(diào)整位置和尺寸。

          綜上所述,position: absolute 是一種靈活且強(qiáng)大的定位方式,可以實(shí)現(xiàn)很多獨(dú)特的布局效果,但需要注意它可能會(huì)對(duì)頁面布局和元素位置產(chǎn)生影響。在使用時(shí),需要根據(jù)具體情況進(jìn)行綜合考慮,并在保證頁面布局和元素位置正確的前提下,盡可能地利用其優(yōu)點(diǎn)實(shí)現(xiàn)更好的頁面效果。

          有天老板找我到辦公室跟我說要做一個(gè)商城,商城賣出去東西就有傭金可以拿。我聽著就頭大。老板打開電腦給我看了網(wǎng)站:你看一下這個(gè)網(wǎng)站,照著它的流程就可以擁有一個(gè)商城了。我靠過去一看,大概了解一下:原來是利用第三方工具就可以構(gòu)建一個(gè)導(dǎo)購網(wǎng)站,只要消費(fèi)者在網(wǎng)站領(lǐng)取優(yōu)惠券就會(huì)自動(dòng)跳轉(zhuǎn)到某bao的購買頁面,購買成功后就可以有傭金了。我看了一下覺得可以,只要不讓我敲代碼一切好說。于是我照著流程構(gòu)建了一個(gè)網(wǎng)站,然后勾選了很多零食進(jìn)行推廣,然后我就發(fā)現(xiàn)了一個(gè)問題:我只勾選了一些零食啊,商城怎么還有其它類型的商品?我思索了一下就明白了,這網(wǎng)站還是挺流氓的,還摻雜著其他人的推廣鏈接,我一想這樣不行,轉(zhuǎn)化率肯定低啊。果不其然,試用了一天就只有5個(gè)單子,因?yàn)楣镜木W(wǎng)站還是挺有流量的,所以這轉(zhuǎn)化率不可能這么低。老板看了一下,覺得沒什么用讓我把商城入口給關(guān)了,我只好照做,但是我心里對(duì)這流氓網(wǎng)站不服啊,于是我打算自己做一個(gè)導(dǎo)購網(wǎng)站。(最后還是要敲代碼(。?_?)/~~~)

          想法

          1. 在推廣平臺(tái)上下載一個(gè)商品清單的excel文檔,文檔的內(nèi)容包含:商品的名稱、商品的主圖鏈接、商品分類、商品價(jià)格、商品推廣鏈接.....。
          2. 利用python讀取excel,獲得分類、商品信息的json文件。
          3. 創(chuàng)建一個(gè)html頁面讀取json文件,把分類和商品顯示出來,利用html中的錨點(diǎn)定位,點(diǎn)擊就會(huì)滾動(dòng)到對(duì)應(yīng)的分類商品,就可以選擇心儀的商品下單,從而達(dá)到推廣商品的作用了。

          行動(dòng)

          1. 安裝xlrd

          cmd窗口: pip install xlrd
          

          2.創(chuàng)建index.py,導(dǎo)入模塊

          import xlrd
          

          3.打開Excel文件讀取數(shù)據(jù)

          wb= xlrd.open_workbook('文件路徑')
          

          4.獲取表格

          sheet1 = wb.sheet_by_index(0) #這里的excel文檔內(nèi)只有一個(gè)表格,0代表第一個(gè)
          

          5.獲取表格的行數(shù)

          rows = sheet1.nrows
          

          6.獲取表格中的類目

          商品一級(jí)類目

          住宅家具

          影音電器

          影音電器

          美容護(hù)膚

          廚房電器

          運(yùn)動(dòng)服/休閑服裝

          餐飲具

          category0 = sheet1.col_values(4) #獲取列內(nèi)容(類目),這里excel文檔的第四列是類目
          del category0[0] #刪除列表中的 "商品一級(jí)類目"
          category = sorted(set(category0),key=category0.index) #類目列表->去除重復(fù)
          

          7.整理數(shù)據(jù)

          [ 
           [
           分類名,
           [商品信息]
           ],
           [
           分類名,
           [商品信息]
           ]
          ]
          data = []
          for i,v in enumerate(category):
           data.append([v,[]])
          for i,v in enumerate(data):
           for x in range(rows):
           if v[0] == sheet1.cell(x,4).value:
           data[i][1].append(sheet1.row_values(x))
          

          8.導(dǎo)出json文件

          jsonData = json.dumps(data, ensure_ascii=False)
          with open('results.json', 'w',encoding="utf-8") as f:
           f.write(jsonData)
          

          9.運(yùn)行index.py,獲得json文件

          cmd窗口:python index.py
          

          10.創(chuàng)建html頁面,并引用json文件

          <!DOCTYPE html>
          <html lang="en">
          <head>
           <meta charset="UTF-8">
           <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
           <script>//引用jquery
           $(function(){
          function color16(){//十六進(jìn)制顏色隨機(jī)
           var r = Math.floor(Math.random()*256);
           var g = Math.floor(Math.random()*256);
           var b = Math.floor(Math.random()*256);
           var color = '#'+r.toString(16)+g.toString(16)+b.toString(16);
           return color;
           }
          var navo = '';//類目導(dǎo)航
          var info = '';//商品內(nèi)容
          $.get('./results.json', function(data) {//請(qǐng)求json文件
           
           $.each(data, function(index, val) {
           navo+="<a href='#"+val[0]+"''>"+val[0]+"</a> "
           });//把json文件中的類目數(shù)組遍歷出來,并用錨定位
           $.each(data, function(index, val) {
           var div_title = "<div id='"+val[0]+"' style='float:left;'>";
           var div_content = "";
           $.each(val[1], function(index, val) {
           div_content+="<div style='background:"+color16()+"' onclick=\"location.href=\'"+val[21]+"\'\" class='pro_img'>"+val[1]+"<span class='money'>¥"+val[6]+"</span><\/div>"
           });
           var div_footer ="</div><br>";
           info+=div_title+div_content+div_footer
           });
          $('#nav').html(navo);//把導(dǎo)航顯示出來
          $('#content').html(info);//把商品顯示出來
           },'json');
           })
           
           </script>
           <style>
           #content{
           margin-top: 10px
           }
           .money{
           position: absolute;
           left: 0;
           bottom: 0;
           height: 30px;
           line-height: 30px;
           color: #e22a40;
           font-weight: 700
           }
           .pro_img{
           position: relative;
           float: left;
           width: 220px;
           height: 220px;
           line-height: 220px;
           text-align: center;
           border: 1px solid #eee;
           cursor: pointer;
           font-size: 30px;
           white-space:normal; 
           overflow:hidden; /*超過部分不顯示*/
                text-overflow:ellipsis; /*超過部分用點(diǎn)點(diǎn)表示*/
                white-space:nowrap;*//*不換行
           }
           </style>
          </head>
          <body>
          <div id="nav"></div>
          <div id="content"></div>
          </body>
          </html>
          

          效果

          https://fjxasdf.github.io/daogou (github比較卡)

          遺留問題

          1. 導(dǎo)購頁面沒有樣式,不夠美觀。
          2. 沒有顯示商品圖片,由于excel文檔中有1萬條商品信息,把一萬張圖片顯示出來太卡了。

          主站蜘蛛池模板: 亚洲AⅤ视频一区二区三区| 亚洲爽爽一区二区三区| 一区二区三区杨幂在线观看| 久久无码人妻精品一区二区三区| 亚洲一区二区三区自拍公司| 中文无码一区二区不卡αv| 欧洲精品码一区二区三区免费看| 国产精品无码一区二区在线观| 亚洲日本中文字幕一区二区三区| 国产成人精品一区二区三在线观看| 国产综合视频在线观看一区| 国产SUV精品一区二区88L| 亚洲国产一区二区a毛片| 精品国产日韩亚洲一区| 国产一区二区影院| 狠狠做深爱婷婷久久综合一区| 精品国产一区二区三区无码| 国产精品免费一区二区三区| 亚洲AV网一区二区三区| 国产小仙女视频一区二区三区| 亚洲午夜电影一区二区三区| 久久久一区二区三区| 亚洲欧美日韩一区二区三区| 麻豆AV一区二区三区| 亚洲综合在线成人一区| 亚洲福利秒拍一区二区| 69福利视频一区二区| 亚洲性色精品一区二区在线| 中文无码一区二区不卡αv| 中文字幕无线码一区二区| 精品无码人妻一区二区三区18| 毛片一区二区三区| 国产成人欧美一区二区三区| 欧美成人aaa片一区国产精品| 天堂一区二区三区在线观看| 日本精品3d动漫一区二区| 一区视频在线播放| 中文字幕亚洲乱码熟女一区二区| 久久久久人妻一区二区三区vr| 精品一区二区三区在线播放视频| 亚洲欧美日韩中文字幕在线一区|