Poster-editor (poster editor), used to generate posters on page H5. The ultimate purpose is to dynamically draw a poster diagram based on drag elements.

GitHub

Online Experience Address

instructions

  • Layout page through Flex, Less preprocessing, modular component development mode.
  • Vue’s declarative syntax implements data binding, life cycle functions initialize the data, and calculates attributes to filter/monitor the data.
  • Properties or methods that are common to multiple components are extracted through mixins and introduced by whomever needs them.
  • Customize communication between Event Bus components.
  • The required states of several components are put into Vuex, just to play with the flow of Vuex.
  • Use LocalStorage to store published posters

other

  • HBuilderX: Build the project

  • Iconfont: Alibaba icon library