在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 怎樣查看小程序內部樣式?

怎樣查看小程序內部樣式?

問題描述

小程序輪播點樣式更改,如何查看內部定義的樣式?

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

我在引用小程序內部的swiper時,想自定義輪播點的樣式,從網(wǎng)上找到一種方法,是修改微信里面默認的樣式,然而查看元素并沒有找到相關的元素,也沒找到小程序內部定義的類名,例如:.wx-swiper-dots.wx-swiper-dots-horizontal

相關代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）

swiper .wx-swiper-dots.wx-swiper-dots-horizontal{
  margin-bottom: 2rpx;
}
swiper .wx-swiper-dot{
  width:40rpx;
  display: inline-flex;
  height: 10rpx;
  margin-left: 20rpx;
  justify-content:space-between;
}
swiper .wx-swiper-dot::before{
  content: '';
  flex-grow: 1; 
  background: rgba(255,255,255,0.8);
  border-radius: 8rpx
}
swiper .wx-swiper-dot-active::before{
  background:rgba(244,0,0,0.8);   
}

你期待的結果是什么？實際看到的錯誤信息又是什么？

我現(xiàn)在想知道.wx-swiper-dots.wx-swiper-dots-horizontal是通過什么方法查看的,或者可以從哪里找到介紹的文檔

回答
編輯回答
汐顏

重點看indicator-active-color='#f4d020' 這個屬性

  <swiper :autoplay="true" class="swiper-box" :circular='true' :indicator-dots='true' indicator-active-color='#f4d020'>
      <div class="swiper-item">
        <swiper-item>
          <image src="https://xiaofei-1252186245.cos.ap-chengdu.myqcloud.com/my-project/event-b1.png" class="slide-image" />
        </swiper-item>
      </div>
      <div class="swiperitem">
        <swiper-item>
          <image src="https://xiaofei-1252186245.cos.ap-chengdu.myqcloud.com/my-project/event-b2.png" class="slide-image" />
        </swiper-item>
      </div>
    </swiper>
2017年2月7日 19:49