1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/mirrors-weui-wxss

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
DIFF.md 3.7 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 15.03.2025 15:23 2be94c6

Различия в использовании с WeUI

Недоступность соседних братских селекторов -> after кто-то

Пример: .weui-cells__title + .weui-cells -> .weui-cells_after-title

Старый

<div class="weui-cells__title">Список с описанием</div>
<div class="weui-cells"></div>

Новый

<view class="weui-cells__title">Список с описанием</view>
<view class="weui-cells weui-cells_after-title"></view>

Отсутствие цепочечных селекторов -> in кто-то

Пример: .weui-cell_access .weui-cell__ft -> weui-cell__ft_in-access

Старый

<div class="weui-cell weui-cell_access">
    <div class="weui-cell__ft"></div>
</div>

Новый

<view class="weui-cell weui-cell_access">
    <view class="weui-cell__ft weui-cell__ft_in-access"></view>
</view>

Пример: .weui-cells_radio .weui-cell__ft -> .weui-cell__ft_in-radio

Старый

<div class="weui-cells weui-cells_radio">
    <label class="weui-cell weui-check__label">
        <div class="weui-cell__ft">
            <span class="weui-icon-checked"></span>
        </div>
    </label>
</div>

Новый

<view class="weui-cells weui-cells_with-title">
    <label class="weui-cell weui-check__label">
        <view class="weui-cell__ft weui-cell__ft_in-radio">
            <icon class="weui-icon-radio" type="success_no_circle" size="16"></icon>
        </view>
    </label>
</view>

Icon

Используются иконки из мини-приложений. Поскольку оригинальные icon имеют font-size: 0, требуется добавление новых классов для управления отступами иконок, таких как .weui-icon-radio, .weui-icon-checkbox_circle и так далее. Подробнее можно посмотреть в коде. (Конечно, вы можете этого не делать.)

Кнопка

Используются кнопки из мини-приложений, а класс .weui-btn используется для контроля над расстоянием между элементами.Старый

<a href="javascript:;" class="weui-btn weui-btn_primary">Основной оператор страницы Normal</a>

Новый

<button class="weui-btn" type="primary">Основной оператор страницы Normal</button>

weui-cell_access при активации

Управление классом weui-cell_active осуществляется через свойство hover-class элемента navigator.

Новый

<navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
    <view class="weui-cell__bd">стандартная клетка</view>
    <view class="weui-cell__ft weui-cell__ft_with-access">описание</view>
</navigator>

.weui-input

Поскольку используются поля ввода из мини-приложений, высота появления клавиатуры отличается, поэтому реализация также изменена. Для этого требуется добавление расширенного класса .weui-cell_input.

Старый

<div class="weui-cell">
    <div class="weui-cell__bd">
        <input class="weui-input" />
    </div>
</div>

Новый

<view class="weui-cell weui-cell_input">
    <view class="weui-cell__bd">
        <input class="weui-input" />
    </view>
</view>

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/mirrors-weui-wxss.git
git@api.gitlife.ru:oschina-mirror/mirrors-weui-wxss.git
oschina-mirror
mirrors-weui-wxss
mirrors-weui-wxss
master