乙個Weex的小小小小小小頁面示例

2021-10-09 04:08:11 字數 2254 閱讀 3704

使用weex實現的乙個頁面效果:

下面列出主要的**:

index.vue

justify-content: center;

align-items: center;

}.logo

.greeting

.message

commontitle.vue元件:

}

pointsmallhome.vue 頁面暫時模擬假資料

banner.vue元件

card.vue元件:

}

}

}

已搶 } 件

} % ¥ }

¥ }馬上搶

width: 750px;

flex-direction: row;

justify-content: space-around;

background-color: #fff;

}width: 180px;

padding: 15px;

align-items: center;

}font-size: 30px;

text-align: center;

padding-top: 15px;

color: #999999;

}width: 140px;

height: 140px;

}cardcombineitem.vue元件:

}

}

cardcombinenevagation.vue元件:

width: 710px;

margin-bottom: 10px;

margin-top: 10px;

margin-left: 20px;

margin-right: 20px;

padding: 10px;

border-radius: 15px;

background-color: #fff;

}.cell

.row

.title

cardgridnevagation.vue元件:

carditem.vue元件:

}

categorynevagationgrid.vue元件:

width: 750px;

flex-direction: row;

justify-content: space-between;

flex-wrap: wrap;

background-color: #0000;

}width: 180px;

padding: 15px;

align-items: center;

}font-size: 30px;

text-align: center;

padding-top: 15px;

color: #999999;

}width: 100px;

height: 100px;

}categorynevagationitem.vue元件:

}

floor.vue元件:

margin-left: 10px;

margin-right: 10px;

}.title-cell

.floor-title

.row

fooritem.vue元件:

}        }

scrollernevagation.vue元件:

}

scrollernevagationitem.vue元件:

}

由於作者水平有限,語言描述及**實現中難免有紕漏,望各位看官多提寶貴意見!

hello , world !

感謝所有!

Bootstrap學習小小小小筆記

嗯,剛開始學,一點小tips,供自己回憶。1 bootstrap3已經是移動裝置優先了。所以一般在head中新增 2 bootstrap 提供了一套響應式 移動裝置優先的流式網格系統,隨著螢幕或視口 viewport 尺寸的增加,系統會自動分為最多12列。行必須放置在.container內,在行內放...

PHP小小小理

get 顯性傳遞 post 隱性傳遞 nl2br name 可以將 name中的換行符轉換過來 如果不加,傳遞過來的文字裡的換行不會出現在 name中 htmlspecialchars name 將特定的html標籤轉換為實體版本 htmlentitles name 將所有html的標籤轉換為實體版...

陣列引用與陣列的一些小小小小研究

首先看這麼一段程式 include using namespace std void test char a 20 char b cout 1204 4可以看到乙個字元型別佔1個位元組,字元陣列佔陣列長度 單個型別所佔位元組,而作為引數時,位元組數為4,與int相同。這裡傳遞的是a 20 陣列的首位...