提交 b1884769 authored 作者: 曹末's avatar 曹末

样式修改

上级 1891fa59
......@@ -4,17 +4,17 @@
flex-direction: column;
align-items: center;
box-sizing: border-box;
}
}
button {
background: initial;
}
button:focus{
button:focus {
outline: 0;
}
button::after{
button::after {
border: none;
}
......@@ -24,4 +24,5 @@ page {
display: flex;
flex-direction: column;
justify-content: flex-start;
--td-brand-color: red;
}
\ No newline at end of file
<t-tab-bar t-class="t-tab-bar" value="{{selected}}" bindchange="switchTab" theme="tag" split="{{false}}">
<t-tab-bar-item wx:for="{{list}}" wx:key="pagePath" value="{{item.pagePath}}" icon="{{item.icon}}">
<t-tab-bar class="custom-tab-bar" value="{{selected}}" bindchange="switchTab" theme="tag" split="{{false}}">
<t-tab-bar-item wx:for="{{list}}" wx:key="pagePath" value="{{item.pagePath}}" icon="{{item.icon}}">
{{item.text}}
</t-tab-bar-item>
</t-tab-bar>
\ No newline at end of file
/* custom-tab-bar/custom-tab-bar.wxss */
\ No newline at end of file
.custom-tab-bar {
--td-tab-bar-item-color: red;
--td-brand-color: red;
}
{
"navigationBarTitleText": "基础能力",
"navigationBarTitleText": "品牌",
"usingComponents": {
"cloud-tip-modal": "/components/cloudTipModal/index"
}
......
<!--index.wxml-->
<view class="container">
<view class="title">快速了解云开发</view>
<view class="top_tip">免鉴权接口调用 免部署后台 高并发</view>
<view class="power" wx:key="title" wx:for="{{powerList}}" wx:for-item="power">
<view class="power_info" data-index="{{index}}" data-type="{{ power.type }}" bindtap="onClickPowerInfo">
<view class="power_info_text">
<view class="power_info_text_title">
{{power.title}}
<view class="power_info_text_tag" wx:if="{{power.tag}}">{{power.tag}}</view>
</view>
<view class="power_info_text_tip">{{power.tip}}</view>
</view>
<image wx:if="{{!power.showItem && power.item.length}}" class="power_info_more" src="../../images/arrow.svg"></image>
<image wx:if="{{power.showItem && power.item.length}}" class="power_info_less" src="../../images/arrow.svg"></image>
<image wx:if="{{!power.item.length}}" class="power_item_icon" src="../../images/arrow.svg"></image>
</view>
<view wx:if="{{power.showItem}}">
<view wx:key="title" wx:for="{{power.item}}">
<view class="line"></view>
<view class="power_item" bindtap="jumpPage" data-type="{{ item.type }}" data-page="{{item.page}}">
<view class="power_item_title">{{item.title}}</view>
<image class="power_item_icon" src="../../images/arrow.svg"></image>
</view>
</view>
</view>
</view>
<cloud-tip-modal showTipProps="{{showTip}}" title="{{title}}" content="{{content}}"></cloud-tip-modal>
</view>
\ No newline at end of file
<image src="../../images/s.jpg" mode="widthFix" style="width:100%" />
\ No newline at end of file
......@@ -2,5 +2,6 @@
"usingComponents": {
"t-swiper": "tdesign-miniprogram/swiper/swiper"
},
"navigationBarBackgroundColor": "#fff"
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "首页"
}
\ No newline at end of file
<!--index.wxml-->
<t-swiper
<!-- <t-swiper
current="{{current}}"
autoplay="{{autoplay}}"
duration="{{duration}}"
interval="{{interval}}"
list="{{swiperList}}"
navigation="{{ { type: 'dots-bar' } }}"
/>
\ No newline at end of file
/> -->
<image src="../../images/index.jpg" mode="widthFix" style="width:100%" />
\ No newline at end of file
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论