location_temp.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <view class="m_location">
  3. <view class="m_image_item">
  4. <img class="m_image" src="../../../assets/home/code.png" alt="" style="margin-top: 30rpx;">
  5. <!-- <image class="m_image" src="../../../assets/home/code.png" mode="" style="margin-top: 30rpx;"></image> -->
  6. </view>
  7. <view class="m_image_item">
  8. <img class="m_image" src="../../../assets/home/message.png" alt="">
  9. <!-- <image class="m_image" src="../../../assets/home/message.png" mode=""></image> -->
  10. </view>
  11. <view class="m_image_item">
  12. <img class="m_image" src="../../../assets/home/ask.png" alt="">
  13. <!-- <image class="m_image" src="../../../assets/home/ask.png" mode=""></image> -->
  14. </view>
  15. </view>
  16. </template>
  17. <script>
  18. export default {
  19. name:"locationtemp"
  20. // data() {
  21. // return {
  22. // }
  23. // }
  24. }
  25. </script>
  26. <style lang="scss" scoped>
  27. .m_location {
  28. position: fixed;
  29. bottom: 0;
  30. right: 0;
  31. width: 150rpx;
  32. background-color: #000;
  33. opacity: 0.4;
  34. border-radius: 10rpx;
  35. }
  36. .m_image_item {
  37. padding: 20rpx 50rpx;
  38. }
  39. .m_image {
  40. width: 100%;
  41. height: 50rpx;
  42. }
  43. </style>