微信小程式中的button按鈕寬度設定無效怎麼辦

王林
發布: 2021-03-12 10:05:22
轉載
3911 人瀏覽過

微信小程式中的button按鈕寬度設定無效怎麼辦

前言:

不知道你有沒有遇過這樣的問題,在小程式中設定button按鈕的寬度沒有任何效果。如果你也常常遇到這種問題,那就來看看下面的解決方法吧。

方法一:(建議使用)直接在button按鈕上寫入行內樣式

wxml程式碼範例:

  <button type="primary" style="width:100%">按钮</button>
登入後複製

微信小程式中的button按鈕寬度設定無效怎麼辦

方法二:刪除app.json的配置"style": "v2"

在app.json 中配置「style」: "v2"之後就可以啟用新版的元件樣式,emmm存在即有它的道理,沒事咱就不動它了,推薦大家還是用方法一吧。

(學習影片分享:php影片教學

wxml程式碼範例:

<button type="primary">按钮</button>
登入後複製

wxss程式碼範例

button{
  width: 100%;
}
登入後複製

微信小程式中的button按鈕寬度設定無效怎麼辦

#相關推薦:小程式開發教學

#

以上是微信小程式中的button按鈕寬度設定無效怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!