unSubscribe.vue 915 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <view class="unSubscribe">
  3. <view class="content">
  4. <view class="title">
  5. 如需取消移动套餐代扣服务,请通过短信发送0000到
  6. 10086
  7. </view>
  8. <button class="close" @click="close">关闭</button>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. methods: {
  15. close() {
  16. uni.navigateBack()
  17. }
  18. },
  19. }
  20. </script>
  21. <style lang="scss" scoped>
  22. .unSubscribe{
  23. padding: 20rpx 24rpx;
  24. min-height: 100vh;
  25. background: #F9F9F9;
  26. .content{
  27. background: #FFFFFF;
  28. border-radius: 12rpx 12rpx 12rpx 12rpx;
  29. padding: 36rpx 24rpx;
  30. .title{
  31. font-size: 28rpx;
  32. color: #181818;
  33. line-height: 40rpx;
  34. }
  35. .close{
  36. width: 340rpx;
  37. height: 80rpx;
  38. line-height: 80rpx;
  39. text-align: center;
  40. background: #DDDDDD;
  41. border-radius: 46rpx 46rpx 46rpx 46rpx;
  42. font-weight: 600;
  43. font-size: 28rpx;
  44. color: #FFFFFF;
  45. margin-top: 80rpx;
  46. }
  47. }
  48. }
  49. </style>