search.vue 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <template>
  2. <view class="login">
  3. <view class="content">
  4. <view class="border-customl">
  5. <view class="border-boke">
  6. <view class="sawda" @click="Waereroter">
  7. <view class="">
  8. <uni-icons
  9. type="calendar-filled"
  10. color="#ff0505"
  11. size="45"></uni-icons>
  12. </view>
  13. <view style="margin-top: 5px">设备列表</view>
  14. </view>
  15. </view>
  16. </view>
  17. <!-- 主体表单 -->
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. let _this;
  23. export default {
  24. data() {
  25. return { dynamicTitle: "出库" };
  26. },
  27. onLoad() {
  28. uni.setNavigationBarTitle({
  29. title: this.dynamicTitle,
  30. success: () => {
  31. console.log("修改标题成功");
  32. },
  33. fail: () => {
  34. console.log("修改标题失败");
  35. },
  36. complete: () => {
  37. console.log("修改标题结束");
  38. },
  39. });
  40. },
  41. mounted() {
  42. _this = this;
  43. //this.isLogin();
  44. },
  45. methods: {
  46. Waereroter() {
  47. uni.navigateTo({
  48. url: "/pages/index/search/Outbound/Outbound",
  49. });
  50. },
  51. },
  52. };
  53. </script>
  54. <style lang="scss" scoped>
  55. .border-customl {
  56. display: flex;
  57. flex-wrap: wrap;
  58. .border-boke {
  59. border: 1px solid #e5e5e5;
  60. width: 30%;
  61. height: 6rem;
  62. background: white;
  63. justify-content: center;
  64. display: flex;
  65. align-items: center;
  66. .sawda {
  67. position: absolute;
  68. display: flex;
  69. text-align: center;
  70. flex-direction: column;
  71. }
  72. }
  73. }
  74. </style>