editNotice.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <template>
  2. <view class="container">
  3. <view class="page-block">
  4. <view class="page-title-block">
  5. <view class="title">公告信息</view>
  6. </view>
  7. <view class="info-car">
  8. <view class="title-block">
  9. <view class="title">门店公告</view>
  10. </view>
  11. <view class="content">
  12. <textarea value="" placeholder="请输入商家公告信息~" class="notice-box"/>
  13. </view>
  14. </view>
  15. </view>
  16. <view class="footer-bar">
  17. <view class="content flex flex-center" style="background: none;">
  18. <view class="btn">立即保存</view>
  19. </view>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. export default {
  25. data() {
  26. return {
  27. }
  28. },
  29. methods: {
  30. }
  31. }
  32. </script>
  33. <style>
  34. @import url("../static/css/common.css");
  35. page {
  36. background-color: #F4F5F7;
  37. }
  38. .info-car {
  39. background-color: #fff;
  40. padding: 0 25rpx;
  41. }
  42. .info-car .title-block {
  43. border-bottom: 1rpx solid #f5f5f5;
  44. }
  45. .info-car .title {
  46. height: 100rpx;
  47. line-height: 100rpx;
  48. font-size: 30rpx;
  49. color: #333;
  50. font-weight: 600;
  51. }
  52. .info-car .content {
  53. padding: 25rpx 0;
  54. }
  55. .info-car .input-box {
  56. font-size: 28rpx;
  57. color: #333;
  58. }
  59. .notice-box{
  60. width: 100%;
  61. font-size: 28rpx;
  62. color: #666;
  63. }
  64. </style>