edit-synopsis.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <template>
  2. <view>
  3. <!--标题栏-->
  4. <bar-title bgColor="bg-white" isBack>
  5. <block slot="content">个人简介</block>
  6. <block slot="right">
  7. <text class="text-orange">保存</text>
  8. </block>
  9. </bar-title>
  10. <view class="cu-form-group solid-top">
  11. <textarea placeholder="优秀的用户会这么写。例如:我是XX熊,最爱收集各种闲置物品,交朋友。在架的宝贝都可以交易,快来联系我吧!"/>
  12. <text class="text-gray font-num-view">0 / 300</text>
  13. </view>
  14. <!--小程序端显示-->
  15. <!-- #ifdef MP -->
  16. <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom">
  17. <view class="flex flex-direction">
  18. <button class="cu-btn bg-red">保存个人简介</button>
  19. </view>
  20. </view>
  21. <!-- #endif -->
  22. </view>
  23. </template>
  24. <script>
  25. import barTitle from '@/components/zaiui-common/basics/bar-title';
  26. import _tool from '@/static/zaiui/util/tools.js'; //工具函数
  27. export default {
  28. components: {
  29. barTitle
  30. },
  31. data() {
  32. return {
  33. }
  34. },
  35. onLoad() {
  36. },
  37. onReady() {
  38. _tool.setBarColor(true);
  39. uni.pageScrollTo({
  40. scrollTop: 0,
  41. duration: 0
  42. });
  43. },
  44. methods: {
  45. }
  46. }
  47. </script>
  48. <style lang="scss">
  49. /* #ifdef APP-PLUS */
  50. @import "../../static/colorui/main.css";
  51. @import "../../static/colorui/icon.css";
  52. @import "../../static/zaiui/style/app.scss";
  53. /* #endif */
  54. .cu-form-group {
  55. textarea {
  56. height: 8.6em;
  57. }
  58. .font-num-view {
  59. position: absolute;
  60. bottom: 9.09upx;
  61. right: 27.27upx;
  62. }
  63. }
  64. </style>