index.vue 759 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view class="homePage-container">
  3. <view class="scan-con">
  4. <u-icon name="scan" class="scan-icon" size="70"></u-icon>
  5. <text class="scan-txt">扫描识别</text>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {
  13. }
  14. },
  15. onShow() {
  16. },
  17. methods:{
  18. }
  19. }
  20. </script>
  21. <style lang="scss">
  22. page{
  23. height: 100%;
  24. }
  25. .homePage-container {
  26. width: 100%;
  27. height: 100%;
  28. background-color: rgba(0,0,0,.6);
  29. .scan-con{
  30. background-color: #ed1c24;
  31. width: 260upx;
  32. height: 260upx;
  33. border-radius: 50%;
  34. color: #fff;
  35. margin: 300upx auto 0;
  36. text-align: center;
  37. .scan-icon{
  38. margin: 70upx 0 14upx;
  39. }
  40. .scan-txt{
  41. display: block;
  42. font-size: 30upx;
  43. }
  44. }
  45. }
  46. </style>