提取公共样式
This commit is contained in:
parent
75ed561afa
commit
bc86fcb3df
16
src/App.vue
16
src/App.vue
|
@ -45,6 +45,22 @@ export default {
|
|||
}
|
||||
/* #endif */
|
||||
// 通用样式
|
||||
.bottom-components {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
max-width: 750px;
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
padding: 0 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.search-placeholder {
|
||||
color: #bebebe;
|
||||
}
|
||||
|
|
|
@ -212,19 +212,6 @@ export default {
|
|||
}
|
||||
}
|
||||
.bottom-components {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
max-width: 750px;
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
padding: 0 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.btn {
|
||||
width: 310rpx;
|
||||
height: 76rpx;
|
||||
|
|
|
@ -417,7 +417,8 @@ export default {
|
|||
.textarea-box {
|
||||
border: none;
|
||||
.textarea {
|
||||
height: 190rpx;
|
||||
display: inline-block;
|
||||
min-height: 190rpx;
|
||||
padding: 0;
|
||||
font-size: 26rpx;
|
||||
color: #666666;
|
||||
|
@ -441,20 +442,6 @@ export default {
|
|||
width: 710rpx;
|
||||
margin: 0 auto;
|
||||
.bottom-components {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
max-width: 750px;
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin: 0 auto;
|
||||
background-color: #ffffff;
|
||||
box-sizing: border-box;
|
||||
padding: 0 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.price {
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
|
|
|
@ -188,20 +188,6 @@ export default {
|
|||
padding: 0 40rpx 40rpx 40rpx;
|
||||
}
|
||||
.bottom-components {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
max-width: 750px;
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
margin: 0 auto;
|
||||
background-color: #ffffff;
|
||||
box-sizing: border-box;
|
||||
padding: 0 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.price {
|
||||
font-size: 42rpx;
|
||||
font-weight: bold;
|
||||
|
|
|
@ -265,20 +265,6 @@ export default {
|
|||
}
|
||||
}
|
||||
.bottom-components {
|
||||
position: fixed;
|
||||
max-width: 750px;
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0 40rpx;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-color: #ffffff;
|
||||
.price {
|
||||
.text {
|
||||
font-size: 42rpx;
|
||||
|
|
|
@ -116,20 +116,7 @@ export default {
|
|||
|
||||
<style lang="less" scoped>
|
||||
.bottom-components {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
max-width: 750px;
|
||||
width: 100%;
|
||||
height: @tabBarHeight;
|
||||
background-color: #ffffff;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 20rpx 0 50rpx;
|
||||
margin: 0 auto;
|
||||
.cart {
|
||||
position: relative;
|
||||
width: 95rpx;
|
||||
|
|
Loading…
Reference in New Issue