1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <template>
- <view class="container">
- <view class="footer">
- <view class="view1">666</view>
- <view class="view2">2333</view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
-
- }
- }
- }
- </script>
- <style lang="scss">
- .container{
- width: 100%;
- height: 100%;
- }
- .footer{
- width: 100%;
- height: 90px;
- display: flex;
- position: fixed;
- bottom: 0;
- left: 0;
- .view1{
- width: 30%;
- background-color: red;
- }
- .view2{
- width: 70%;
- background-color: blue;
- }
- }
- </style>
|