activateResults.vue 974 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <view>
  3. <ujp-navbar title="激活结果"></ujp-navbar>
  4. <view class="main">
  5. <view class="img">
  6. <img src="../../assets/img/icon_success.png" alt="">
  7. </view>
  8. <view class="text">
  9. 激活成功
  10. </view>
  11. <button
  12. @click="gotoStations()"
  13. class="btn">完善充电站设置</button>
  14. </view>
  15. </view>
  16. </template>
  17. <script>
  18. export default {
  19. data() {
  20. return {
  21. }
  22. },
  23. methods: {
  24. gotoStations(){
  25. uni.redirectTo({
  26. url:"/pagesFinance/user/stationsList",
  27. })
  28. }
  29. }
  30. }
  31. </script>
  32. <style lang="scss" scoped>
  33. .main{
  34. margin-top: 96rpx;
  35. .img{
  36. text-align: center;
  37. }
  38. .text{
  39. margin-top: 20px;
  40. color: rgba(51, 51, 51, 1);
  41. font-size: 20px;
  42. text-align: center;
  43. font-weight: bold;
  44. }
  45. .btn{
  46. margin-top: 80rpx;
  47. width: 80.2%;
  48. line-height: 44px;
  49. border-radius: 8px;
  50. background-color: rgba(24, 90, 198, 1);
  51. color: rgba(255, 255, 255, 1);
  52. font-size: 16px;
  53. }
  54. }
  55. </style>