new-tag.vue 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!-- 新建标签 -->
  2. <template>
  3. <view class="container-wrap">
  4. <uni-nav-bar title="新建标签" :status-bar="true" background-color="#3F92F9" color="#FFF">
  5. <view slot="left">
  6. <u-icon name="account-fill" color="#FFF" size="35"></u-icon>
  7. <span style="padding: 0 5rpx;color: #FFFFFF;">{{ userInfo.name }}</span>
  8. </view>
  9. <view slot="right" @tap="$utils.back()">
  10. <span style="color: #FFFFFF;">返回</span>
  11. </view>
  12. </uni-nav-bar>
  13. <view class="container flex-column-center">
  14. <!-- <u-button type="primary" @click="$utils.open('/pages/tag/tag?type=1')" style="width: 100%;margin-bottom: 20rpx;">生成标签</u-button>
  15. <u-button type="primary" @click="startScan" style="width: 100%;">标签读取</u-button> -->
  16. <div class="box flex-column-center">
  17. <u-image height="400rpx" mode="aspectFit" src="../../static/images/newQr.png" @click="$utils.open('/pages/tag/tag?type=1')"></u-image>
  18. <view class="title">
  19. 创建二维码标签
  20. </view>
  21. </div>
  22. <div class="box flex-column-center">
  23. <u-image height="300rpx" mode="aspectFit" src="../../static/images/newRFID.png" @click="$utils.open('/pages/tag/tag?type=2')"></u-image>
  24. <view class="title">
  25. 创建RFID标签
  26. </view>
  27. </div>
  28. </view>
  29. <view class="footer">
  30. <my-fixed-button></my-fixed-button>
  31. </view>
  32. </view>
  33. </template>
  34. <script>
  35. export default {
  36. data() {
  37. return {
  38. };
  39. },
  40. methods: {
  41. },
  42. onLoad() {
  43. }
  44. }
  45. </script>
  46. <style lang="scss" scoped>
  47. @import '../../static/css/mycss.scss';
  48. .container-wrap {
  49. .container {
  50. height: calc(100vh - 300rpx);
  51. overflow: hidden;
  52. .box {
  53. flex: 1;
  54. width: 100%;
  55. &:first-child {
  56. border: 1px solid #9e9e9e;
  57. }
  58. }
  59. .title {
  60. font-size: 42rpx;
  61. font-weight: bold;
  62. }
  63. }
  64. }
  65. </style>