-
使用綁定 display屬性 控制refresh顯示隱藏? 不使用v-if或v-show
查看全部 -
配合web組件使用, 首先需要引入webview模塊
<web ref=""myweb></web>
查看全部 -
嵌入具體HTML頁(yè)面
查看全部 -
查看全部
-
weex通用樣式
2.定位
(1)weex支持position定位,relative|absolute|fixed|sticky,默認(rèn)值為relative
(2)weex目前不支持z-index設(shè)置元素層級(jí)關(guān)系。但靠后的元素層級(jí)更高,因此,對(duì)于層級(jí)高的元素,可將其排列在后面。
(3)如果定位元素超過(guò)容器便捷,在android下,超出部分將不可見(jiàn),原因在于android端元素overflow默認(rèn)值為hidden
3.其余需要注意的地方:
(1)weex支持線性漸變linear-gradient不支持radial-gradient徑向漸變。
(2)weex中box-shadow僅僅支持ios
(3)目前<image>組件無(wú)法定義一個(gè)或幾個(gè)角的border-radius,只對(duì)ios有效,對(duì)Android無(wú)效。(測(cè)試支持 border-top-left-radius: 10px; border-radius: 10px;不支持border-radius: 20px 0 0 20px;這種寫(xiě)法)
(4)weex中,flexbox是默認(rèn)并且唯一的布局模型,每個(gè)元素都默認(rèn)擁有display:flex屬性。(flex-direction:column;垂直方向)
查看全部 -
不支持z-index
查看全部 -
二、 weex 樣式介紹
2.1 weex 支持的通用樣式
? ?1.適配與縮略
? ? ? ?(1)weex對(duì)于長(zhǎng)度值目前只支持像素值,不支持相對(duì)單位(em, rem);適配以750px標(biāo)準(zhǔn)。
???????(2)設(shè)定邊框,border目前不支持類似border: 1px solid #ff0000; 的組合寫(xiě)法。(border-width;border-color;border-style)????
?????????(3)?設(shè)定背景色,background目前不支持類似background: red; 的寫(xiě)法,需要修改為具體的background-color:red;?
2.2 weex中的文本樣式?
查看全部 -
weex 開(kāi)發(fā)環(huán)境搭建
weex -v 查看weex版本
weex? debug 開(kāi)啟真機(jī)調(diào)試模式
查看全部 -
weex 調(diào)試工具: weexplayground
查看全部 -
<list>組件:
<list>組件是垂直列表功能的核心組件
<cell>組件,列表中的子項(xiàng);類似于html中的ul和li的關(guān)系
<header>到達(dá)屏幕頂部時(shí),吸附在屏幕頂部。
<refresh>給列表添加下拉刷新的功能
loadmore事件,loadmoreoffset{number}觸發(fā)事件所需距離
scoll事件列表滾動(dòng)時(shí)觸發(fā)的該事件
offset-accuracy{number}控制scroll事件發(fā)生的頻率(默認(rèn)10px)
查看全部 -
<webview>模塊
一系列<web>組件的操作接口。可以通過(guò)調(diào)用this.$refs.el來(lái)獲取元素的引用。
API:
1.goBack(webElement),加載歷史記錄里的前一個(gè)資源地址
2.goForward(webElement),加載歷史記錄里的下一個(gè)資源地址
3.reload(webElement),刷新當(dāng)前頁(yè)面
查看全部 -
<web>組件用于在頁(yè)面中嵌入一張網(wǎng)頁(yè);src用以指向資源地址,指定src為:src=""
不支持任何子組件
pagestart,<web>組件開(kāi)始加載時(shí)執(zhí)行,pagestart可以定義為v-on:pagestart = ""(老寫(xiě)法),@pagestart=""(新寫(xiě)法)
pagefinish,<web>組件完成加載時(shí)執(zhí)行,與前面同理
error,<web>組件加載錯(cuò)誤時(shí)執(zhí)行,與前面同理
查看全部 -
weex中a組件定義了指向weex頁(yè)面打包后的一個(gè)js地址
組件中無(wú)法添加文本,需要在其中加上text組件才能添加文本
請(qǐng)不要為a組件添加click事件
a組件的超鏈接文本需要用到text組件
查看全部 -
weex 支持一些position,諸如relative,absolute,fixed,sticky,但默認(rèn)值為relative
weex目前不支持z-index的層級(jí)關(guān)系,但靠后的元素層級(jí)更高
如果定位元超過(guò)容器邊界,在android下,超出的部分將不可見(jiàn),因?yàn)閍ndroid端元素overflow默認(rèn)值為hidden
weex 支持線性漸變linear-gradient,不支持radial-gradient經(jīng)向漸變
weex 中的box-shadow陰影僅支持IOS系統(tǒng)
目前image組件部分安卓手機(jī)不支持一個(gè)角的border-radius屬性,IOS支持
weex中,flexbox是默認(rèn)并且唯一的布局模型,每個(gè)元素都默認(rèn)擁有display:flex屬性
查看全部 -
weex對(duì)于長(zhǎng)度值目前只支持px,不支持em,rem;適配以750px為標(biāo)準(zhǔn)
weex 不支持邊框的組合寫(xiě)法,類似于:border:1px solid #ff0000,只能分開(kāi)詳細(xì)些border-width,boder-style,border-color
weex不支持backgound的背景色,只支持background-color的屬性
查看全部
舉報(bào)