好記性不如爛筆頭！ from 老爸
在小程序開發(fā)過程中唯绍，經(jīng)常遇到一種情況：頁面中的一個按鈕需要帶有open-type拼岳，同時還要靈活地設(shè)置這個按鈕的尺寸和背景樣式。
這就意味著况芒，你不能使用<view bind:tap="onBtn"></view再加上css設(shè)置一張背景圖來實現(xiàn)惜纸。
然后系統(tǒng)的<button>也不是什么省油的燈。相信大家都干過這樣的事情：
<!--pages/demo/index.wxml-->
<view class="container">
<button>button</button>
<button class="btn-0" open-type="contact" plain="true">btn_0</button>
<button class="btn-1" open-type="contact" plain="true">btn_1</button>
<button class="btn-2" open-type="contact">btn_2</button>
<button class="btn-3" open-type="contact">btn_3</button>
<button class="btn-4" open-type="contact">btn_4</button>
</view>
/* pages/demo/index.wxss */
button {
width: 488rpx;
height: 65rpx;
margin-top: 20rpx;
}
.btn-0 {
border: none;
}
.btn-1::after {
border: none;
}
.btn-2 {
border: none;
}
.btn-3::after{
border: none;
}
.btn-4::after{
border: none;
background-image: url('https://res.groooo.com/yaj_home_btn_more.png');
background-size: 100%;
}
image.png
哎呀，不小心透漏劇情耐版。
所以要滿足剛剛的需求祠够，應(yīng)該如此
<button class="btn"></button>
.btn::after {
border: none;
background-image: url('https://res.groooo.com/yaj_home_btn_more.png');
background-size: 100%;
}
當然，看了這么久粪牲，只知道這個哪审，肯定不劃算。你一定很想知道這里面的::after是干啥的虑瀑。
