drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Notice style

Browse source
This commit is contained in:
梁灏 2018-06-25 21:06:39 +08:00
parent 0069c7b150
commit 36e46e5a77
2 changed files with 12 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
examples/routers/notice.vue
View file

@ -2,7 +2,9 @@
<div>
<p>带描述信息</p>
<Button @click="normal(false)">普通</Button>
<Button @click="normal(true)">普通</Button>
<Button @click="info(false)">消息</Button>
<Button @click="info(true)">消息</Button>
<Button @click="success(false)">成功</Button>
<Button @click="warning(false)">警告</Button>
<Button @click="error(false)">错误</Button>
@ -23,19 +25,19 @@
title: 'google',
duration: 0,
desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
render (h) {
return h('span', {}, 'sdsdfsdf');
}
// render (h) {
// return h('span', {}, 'sdsdfsdf');
// }
});
},
info (nodesc) {
this.$Notice.info({
// title: '这是通知标题',
title: '这是通知标题',
duration: 0,
desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述',
render (h) {
return h('span', {}, 'sdsdfsdf');
}
// render (h) {
// return h('span', {}, 'sdsdfsdf');
// }
});
},
success () {

32
src/styles/components/notice.less
View file

@ -31,7 +31,7 @@
&-close {
position: absolute;
right: 16px;
right: 8px;
top: 15px;
color: #999;
outline: none;
@ -89,9 +89,8 @@
&-icon {
position: absolute;
left: 20px;
margin-top: -1px;
font-size: 16px;
left: 16px;
font-size: @font-size-large;
&-success {
color: @success-color;
@ -121,29 +120,4 @@
left: 0;
}
}
&-with-normal{
&:after{
background: @primary-color;
}
}
&-with-info{
&:after{
background: @primary-color;
}
}
&-with-success{
&:after{
background: @success-color;
}
}
&-with-warning{
&:after{
background: @warning-color;
}
}
&-with-error{
&:after{
background: @error-color;
}
}
}