vue 各種使用方法

2022-07-13 14:30:22 字數 1260 閱讀 3804

安裝 vue cli3

# 安裝 vue cli

npm install -g @vue/cli

# 建立乙個專案

vue create baifubin

# 開啟圖形化介面

vue ui

安裝 vue 移動端rem 通過cli3 直接搜尋或npm

npm install postcss-pxtorem

"postcss": ,

"postcss-pxtorem":

},修改ui中的預設樣式

.checked

margin 15px 0px

>>> .van-checkbox__label

color #fff

//

固定 body

.scrollfixed

//獲取body滾動位置

this.scrolltop =document.scrollingelement.scrolltop

document.body.classlist.add('scrollfixed')

document.body.style.top = - this.scrolltop + 'px'

//隱藏彈出層返回滾動位置

document.body.classlist.remove('scrollfixed')

document.scrollingelement.scrolltop = this

.scrolltop

//倒計時60s

const thime_count = 60that.count =thime_count

that.show = false

that.timer = setinterval(() =>

else

}, 1000)

#table-role /deep/ .el-table__empty-blocksass 之類的預處理器無法正確解析 >>>。這種情況下你可以使用 /deep/ 操作符取而代之——這是乙個 >>> 的別名,同樣可以正常工作。 

寫法為:父元件cssname+ /deep/+第三方庫需要更改的cssname

禁止返回到 進入頁面,刪除history 路由

如 a(我的訂單列表) > b (退款頁面或者其他詳情頁 然後返回a) >a (再返回就是到b)

this.$router.replace({})

DSPack各種使用方法

首先,要閱讀一下 dspackdir help目錄下的help.chm檔案,粗略地看了一下,內容太多看不出頭緒。還是先學習一下 dspackdir demos d6 d7目錄下的那些例子,邊動手做邊學習吧。看得差不多後,自己照葫蘆畫瓢仿製乙個。1.新建乙個應用,在介面上先放4 5個按鈕。2.在控制項...

AutoLayout的各種使用方法

關於autolayout 下面通過乙個簡單的列子分別演示autolayout的各種使用方法 需求是在控制器view底部新增2個view,1個藍色,1個紅色2個view寬度 高度永遠相等距離父控制項左邊 右邊 下邊間距和2個view之間的間距相等,效果如下圖 橫屏效果 橫屏效果 豎屏效果 豎屏效果 在...

AutoLayout的各種使用方法

關於autolayout 下面通過乙個簡單的列子分別演示autolayout的各種使用方法 需求是在控制器view底部新增2個view,1個藍色,1個紅色2個view寬度 高度永遠相等距離父控制項左邊 右邊 下邊間距和2個view之間的間距相等,效果如下圖 橫屏效果 橫屏效果 豎屏效果 豎屏效果 在...