_uuid.vue 890 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <div class="merchant-description">
  3. <div>
  4. <h5>{{description.storeName}}</h5>
  5. <p>{{description.description}}</p>
  6. </div>
  7. </div>
  8. </template>
  9. <script>
  10. export default {
  11. layout: 'main',
  12. fetch ({ store, params }) {
  13. return Promise.all([
  14. store.dispatch('shop/findStoreInfoFromUuid', params)
  15. ])
  16. },
  17. computed: {
  18. description () {
  19. return this.$store.state.shop.storeInfo.store.data
  20. }
  21. }
  22. }
  23. </script>
  24. <style scoped>
  25. .merchant-description{
  26. margin-bottom: .98rem;
  27. width:100%;
  28. }
  29. .merchant-description div{
  30. width:6.5rem;
  31. margin:0 auto;
  32. padding-top:.75rem;
  33. }
  34. .merchant-description div h5{
  35. text-align: center;
  36. font-size: .32rem;
  37. margin:0;
  38. }
  39. .merchant-description div p{
  40. font-size:.32rem;
  41. line-height: .4rem;0
  42. margin:0;
  43. margin-top: .46rem;
  44. }
  45. </style>