集客魔方H5專案目錄結構

2022-04-10 03:36:16 字數 2059 閱讀 3882

znyx-h5

│  .gitignore   -- git 忽略檔案配置

│  main.js  -- 已掛載 store 在頁面中可直接使用  this.$store  

│  manifest.json  -- 專案發布相關配置檔案

│  pages.json  -- 頁面配置檔案

├─api  -- 網路請求全部放這裡管理   沒有對應的模組可執行新增 新增完後需要匯入 index.js

│      index.js  -- 統一匯入到此檔案

│      prom.js  -- 活動相關介面

│      strategy.js  -- 攻略資料相關介面

│      user.js  -- 使用者相關介面

├─common  -- 第三方工具 、自行封裝的工具放這裡管理  

│      amap-wx.js  -- 高德地圖

│      html-parser.js  -- html轉換rich-text陣列

│      http.js -- 網路請求封裝

│      qrcode.js -- 前端生成普通***

│      util.js  -- 自行封裝的工具

├─components  -- 第三方元件、自行封裝的元件放這裡管理  

│      banner.vue  -- banner元件

│      segment.vue -- 專案核心元件 

├─config  -- 配置檔案管理

├─pages  -- 這個目錄只放專案首頁

│  └─index

│          index.vue

├─static  -- 靜態檔案管理  圖示統一放入icon資料夾  其他頁面相關的可自行建立

│  │  logo.png

│  ├─icon  -- 圖示相關放此處管理  

│  │      dianh.png

│  │      dianp.png

│  │      fenx.png

│  │      home.png

│  │      icon-close.png

│  │      location.png

│  │      msg.png

│  │      view.png

│  ├─lottery  -- **相關

│  │      prize-bg.png

│  │      tip.png

│  │      y_bg.png

│  └─mine  -- 個人中心相關

│          voucher1.png

│          voucher2.png

├─store  -- vue store倉庫管理  模組化 需要自行建立

│  │  getters.js

│  │  index.js

│  └─modules 

│          jscode.js 

│          user.js

├─style  -- 樣式檔案管理  字尾統一 wxss

│      lottery.wxss  -- **相關

│      promotion.wxss  -- 活動相關

│      redpack.wxss  -- 紅包相關

│      segment.wxss  -- 核心元件相關

│      union.wxss  -- 活動相關

├─unpackage  -- 專案發布檔案管理 不要在這裡邊建立任何檔案

└─view  -- 頁面檔案管理  建立檔案需要與小程式路徑一致

├─component  -- 主包管理

│  ├─mine  -- 個人中心

│  │      mine.vue

│  └─promotion  -- 活動

│          union.vue

└─packagesub  -- 分包管理

└─ticket  -- 代金券

list.vue  -- 我的卡包(代金券列表)

H5專案總結

專案基礎 rn taro框架,實現h5 1.無限載入的實現 1 import taro,from tarojs taro 2 import from tarojs components 3 import from tarojs redux 4 import from actions counter ...

鏈家H5專案總結

在此次專案中,使用的是高度百分比。對於適配這一塊確實少了很多。1 如果是用高度百分比的話。則img需要寫成這樣的樣式。img 如果需要居中的話,可以對外層的div設定乙個類名class 比如是setwidth,然後通過js去獲取第一張的寬度賦給這個外層的div.setwidth function 不...

前端H5專案問題總結

一 img 併排放置時,會出現空白間隙 解決方法 1 將轉換為塊級物件 img 2 設定的垂直對齊方式 img 3 改變父物件的屬性 overflow hidden 4 取消標籤和其父物件的最後乙個結束標籤之間的空格 二 二級列表頁面 1 樣式最好一致,方便後台 迴圈上傳 三 手機端 fixed 失...