first add files
This commit is contained in:
1
ProjectLiaisonForm/pages/fab/skyline/fab.d.ts
vendored
Normal file
1
ProjectLiaisonForm/pages/fab/skyline/fab.d.ts
vendored
Normal file
@@ -0,0 +1 @@
|
||||
|
||||
10
ProjectLiaisonForm/pages/fab/skyline/fab.js
Normal file
10
ProjectLiaisonForm/pages/fab/skyline/fab.js
Normal file
@@ -0,0 +1,10 @@
|
||||
Page({
|
||||
data: {
|
||||
type: 'base',
|
||||
},
|
||||
handleChange(e) {
|
||||
this.setData({
|
||||
type: e.target.dataset.type,
|
||||
});
|
||||
},
|
||||
});
|
||||
13
ProjectLiaisonForm/pages/fab/skyline/fab.json
Normal file
13
ProjectLiaisonForm/pages/fab/skyline/fab.json
Normal file
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"renderer": "skyline",
|
||||
"componentFramework": "glass-easel",
|
||||
"disableScroll": true,
|
||||
"usingComponents": {
|
||||
"t-navbar": "tdesign-miniprogram/navbar/navbar",
|
||||
"t-button": "tdesign-miniprogram/button/button",
|
||||
"base": "../base",
|
||||
"advance": "../advance",
|
||||
"draggable": "../draggable"
|
||||
}
|
||||
}
|
||||
34
ProjectLiaisonForm/pages/fab/skyline/fab.wxml
Normal file
34
ProjectLiaisonForm/pages/fab/skyline/fab.wxml
Normal file
@@ -0,0 +1,34 @@
|
||||
<view class="skyline">
|
||||
<t-navbar title="Fab" left-arrow />
|
||||
<scroll-view scroll-y type="list" class="scroll-view">
|
||||
<view class="demo">
|
||||
<view class="demo-title">Fab 悬浮按钮</view>
|
||||
<view class="demo-desc">当功能使用图标即可表意清楚时,可使用纯图标悬浮按钮,例如:添加、发布</view>
|
||||
<t-demo title="01 组件类型" desc="纯图标悬浮按钮">
|
||||
<view class="wrapper">
|
||||
<t-button theme="primary" size="large" block variant="outline" bind:tap="handleChange" data-type="base">
|
||||
纯图标悬浮按钮
|
||||
</t-button>
|
||||
</view>
|
||||
</t-demo>
|
||||
<t-demo desc="图标加文字悬浮按钮">
|
||||
<view class="wrapper">
|
||||
<t-button theme="primary" size="large" block variant="outline" bind:tap="handleChange" data-type="advance">
|
||||
图标加文字悬浮按钮
|
||||
</t-button>
|
||||
</view>
|
||||
</t-demo>
|
||||
<t-demo desc="可移动悬浮按钮">
|
||||
<view class="wrapper">
|
||||
<t-button theme="primary" size="large" block variant="outline" bind:tap="handleChange" data-type="movable">
|
||||
可移动悬浮按钮
|
||||
</t-button>
|
||||
</view>
|
||||
</t-demo>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<base wx:if="{{type == 'base'}}" />
|
||||
<advance wx:elif="{{type == 'advance'}}" />
|
||||
<draggable wx:else />
|
||||
6
ProjectLiaisonForm/pages/fab/skyline/fab.wxss
Normal file
6
ProjectLiaisonForm/pages/fab/skyline/fab.wxss
Normal file
@@ -0,0 +1,6 @@
|
||||
page {
|
||||
background-color: var(--td-bg-color-container);
|
||||
}
|
||||
.wrapper {
|
||||
padding: 0 32rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user