guoshujing/dooring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:add left component hover

Browse Source
This commit is contained in:
zx.xiao
2021-08-18 20:10:27 +08:00
parent 8d23f9477c
commit 23b1d39276
2 changed files with 164 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/dooringx-example/src/plugin/index.tsx
View File

@@ -1,8 +1,8 @@
/* /*
* @Author: yehuozhili * @Author: yehuozhili
* @Date: 2021-02-27 21:33:36 * @Date: 2021-02-27 21:33:36
* @LastEditors: yehuozhili * @LastEditors: Please set LastEditors
* @LastEditTime: 2021-08-12 14:43:05 * @LastEditTime: 2021-08-18 19:54:56
* @FilePath: \dooringx\packages\dooringx-example\src\plugin\index.tsx * @FilePath: \dooringx\packages\dooringx-example\src\plugin\index.tsx
*/ */
@@ -19,6 +19,7 @@ const LeftRegistMap: LeftRegistComponentMapItem[] = [
type: 'basic', type: 'basic',
component: 'button', component: 'button',
img: 'icon-anniu', img: 'icon-anniu',
imgCustom: <PlayCircleOutlined />,
displayName: '按钮', displayName: '按钮',
urlFn: () => import('./registComponents/button'), urlFn: () => import('./registComponents/button'),
}, },
@@ -58,7 +59,7 @@ export const defaultConfig: Partial<InitConfig> = {
{ {
type: 'style', type: 'style',
icon: ( icon: (
<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}> <div className='right-tab-item' style={{ width: 50, textAlign: 'center' }}>
外观 外观
</div> </div>
), ),
@@ -66,7 +67,7 @@ export const defaultConfig: Partial<InitConfig> = {
{ {
type: 'animate', type: 'animate',
icon: ( icon: (
<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}> <div className='right-tab-item' style={{ width: 50, textAlign: 'center' }}>
动画 动画
</div> </div>
), ),
@@ -74,7 +75,7 @@ export const defaultConfig: Partial<InitConfig> = {
{ {
type: 'fn', type: 'fn',
icon: ( icon: (
<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}> <div className='right-tab-item' style={{ width: 50, textAlign: 'center' }}>
函数 函数
</div> </div>
), ),
@@ -82,7 +83,7 @@ export const defaultConfig: Partial<InitConfig> = {
{ {
type: 'actions', type: 'actions',
icon: ( icon: (
<div className="right-tab-item" style={{ width: 50, textAlign: 'center' }}> <div className='right-tab-item' style={{ width: 50, textAlign: 'center' }}>
事件 事件
</div> </div>
), ),

13
packages/dooringx-lib/src/index.less
View File

@@ -10,10 +10,12 @@
.coitem { .coitem {
margin: 5px; margin: 5px;
.redbox { .redbox {
height: 68px; height: 68px;
width: 68px; width: 68px;
background: var(--redbox-color); // background: var(--redbox-color);
background-color: #F7F8FA;
// line-height: 20px; // line-height: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -24,8 +26,13 @@
#icon-jiantou path { #icon-jiantou path {
fill: currentColor; fill: currentColor;
} }
&:hover {
cursor: pointer;
} }
} }
}
} }
} }
@@ -162,6 +169,7 @@
} }
} }
} }
.menuWidth.menus { .menuWidth.menus {
width: initial; width: initial;
} }
@@ -172,13 +180,16 @@
justify-content: center; justify-content: center;
text-align: center; text-align: center;
height: auto; height: auto;
span:nth-child(1) { span:nth-child(1) {
margin-top: 10px; margin-top: 10px;
} }
span:nth-child(2) { span:nth-child(2) {
margin-left: 0; margin-left: 0;
} }
} }
.menu_footer { .menu_footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;