vue webapp移動端模板

2021-09-24 11:23:55 字數 899 閱讀 4836

今天突發奇想,想自己搭建一套移動端的模板來方便自己以後寫專案的時候不用再花費無用的時間去搭建專案。

先說下這套模板的專案配置,主要使用vw適配移動端

webpack + vue + vue-router + axios + mint-ui + sass + postcss + normalize.css

具體依賴懶得打字了,直接貼pacage.json**

"dependencies": ,

"devdependencies":

src主要目錄詳情

| api                                       請求統一管理

| assets                                  專案靜態資源

| componets                          全域性元件

| filters                                   全域性過濾器

| icons                                    圖示資源

| router                                  vue-router配置

| utils                                     工具類

| view                                    頁面資源

| main.js                                專案入口

移動端 簡單新聞類列表模板樣式

html class news class list list right img class left class new class title list ellipsis 1 這是風水堪輿這是風水堪輿這是風水堪輿這是風水堪輿這是風水堪輿這是風水堪輿p class content 堪輿術,即相地...

移動端 移動端頁面適配方案

這是mdn上的解釋 這個單位代表根元素的 font size 大小 例如 元素的font size 當用在根元素的font size上面時 它代表了它的初始值 也就是說,rem單位取值的大小和根元素html的font size取值直接相關。它跟html元素之間得關係為 html的fontsize值 ...

pc端適配移動端

1.允許網頁寬度自動調整在網頁 的頭部,加入一行viewport元標籤所有主流瀏覽器都支援這個設定,包括ie9。對於那些老式瀏覽器 主要是ie6 7 8 需要使用css3 mediaqueries.js2.不使用絕對寬度由於網頁會根據螢幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬...