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 失...