t-p-ningdongyunying.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <template>
  2. <view>
  3. <!-- 左右滚动 -->
  4. <!-- <swiper duration="500">
  5. <swiper-item>
  6. <scroll-view scroll-y>
  7. <view class="scroll__box">
  8. <t-p-n-section-1></t-p-n-section-1>
  9. </view>
  10. </scroll-view>
  11. </swiper-item>
  12. <swiper-item>
  13. <scroll-view scroll-y>
  14. <view class="scroll__box">
  15. <t-p-n-section-2></t-p-n-section-2>
  16. </view>
  17. </scroll-view>
  18. </swiper-item>
  19. </swiper> -->
  20. <view class="content">
  21. <view class="img">
  22. <image src="./img/bg.jpg" mode="widthFix"></image>
  23. </view>
  24. <view class="box">
  25. <t-p-n-section-1></t-p-n-section-1>
  26. <t-p-n-section-2></t-p-n-section-2>
  27. </view>
  28. </view>
  29. </view>
  30. </template>
  31. <script>
  32. export default {
  33. name: "t-p-ningdongyunying",
  34. data() {
  35. return {
  36. };
  37. }
  38. }
  39. </script>
  40. <style lang="scss">
  41. // 左右滚动
  42. // page{
  43. // background-image: url(./img/bg.jpg);
  44. // background-size: 100% 100%;
  45. // background-repeat: no-repeat;
  46. // }
  47. // /deep/uni-swiper .uni-swiper-wrapper {
  48. // height: calc(100vh);
  49. // }
  50. // .scroll__box {
  51. // height: 100vh;
  52. // }
  53. // 上下滑动
  54. .content {
  55. position: relative;
  56. .img {
  57. position: absolute;
  58. bottom: 0;
  59. left: 0;
  60. image {
  61. width: 750rpx;
  62. }
  63. }
  64. .box {
  65. position: relative;
  66. }
  67. }
  68. </style>