mirror of
https://github.com/youzan/vant.git
synced 2025-10-19 01:54:48 +00:00
[breaking change] rebuild style struct (#2021)
This commit is contained in:
@@ -36,7 +36,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
<style lang="less">
|
||||
.demo-progress {
|
||||
.van-progress {
|
||||
margin: 20px;
|
||||
|
36
packages/progress/index.less
Normal file
36
packages/progress/index.less
Normal file
@@ -0,0 +1,36 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-progress {
|
||||
height: 4px;
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
background: @gray-light;
|
||||
|
||||
&__portion {
|
||||
left: 0;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-radius: inherit;
|
||||
|
||||
&--with-pivot {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__pivot {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
min-width: 2em;
|
||||
padding: 0 5px;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
border-radius: 1em;
|
||||
word-break: keep-all;
|
||||
box-sizing: border-box;
|
||||
background-color: @gray-light;
|
||||
transform: translate(100%, -50%);
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user