index.vue 745 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <view class="list">
  3. <!-- 手风琴效果 -->
  4. <YSteps lineNum='0' color='#fff' backgroundColor='#000fff' ></YSteps>
  5. </view>
  6. </template>
  7. <script>
  8. var app = getApp()
  9. import YSteps from '../../components/Y-Steps/Y-Steps.vue';
  10. export default {
  11. data() {
  12. return {
  13. statusBarHeight:""
  14. };
  15. },
  16. created() {
  17. uni.getSystemInfo({
  18. success: function (res) {
  19. console.log(res.statusBarHeight);
  20. this.statusBarHeight=res.statusBarHeight
  21. }
  22. });
  23. },
  24. components: {
  25. YSteps
  26. },
  27. }
  28. </script>
  29. <style>
  30. .list{
  31. padding-left: 30upx;
  32. padding-right: 30upx;
  33. padding-bottom: 50upx;
  34. padding-top: 30upx;
  35. background-color: #FFFFFF
  36. }
  37. </style>