edit.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
  2. <link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
  3. <style>
  4. #linkDetail {
  5. color: #444;
  6. background: #fff;
  7. padding: 0 20px 20px;
  8. }
  9. .category-image {
  10. width: 90px;
  11. height: 100px;
  12. border: 1px solid #E6E6E6;
  13. border-radius: 4px;
  14. margin-right: 20px;
  15. overflow: hidden;
  16. position: relative;
  17. }
  18. .el-popover {
  19. padding: 0;
  20. }
  21. .image-selected {
  22. border-color: #7438D5;
  23. }
  24. .category-style-title {
  25. padding-right: 20px;
  26. }
  27. .dialog-cancel-btn {
  28. color: #FF5959
  29. }
  30. img {
  31. width: 100%;
  32. /* height: 100%; */
  33. }
  34. .category-style-title-container {
  35. position: relative;
  36. }
  37. .category-style-tip {
  38. color: #DDDDDD;
  39. position: absolute;
  40. right: -20px;
  41. top: 13px;
  42. }
  43. .popover-img {
  44. width: 180px;
  45. height: 319px;
  46. border-radius: 1px;
  47. }
  48. .popover-img img {
  49. height: 100%;
  50. }
  51. .selected-image-show {
  52. position: absolute;
  53. right: -2px;
  54. bottom: -2px;
  55. width: 20px;
  56. height: 20px;
  57. }
  58. [v-cloak] {
  59. display: none
  60. }
  61. </style>
  62. <script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
  63. <script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
  64. <script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
  65. <div id="linkDetail" v-cloak>
  66. <el-form :model="detailForm" :rules="rulesForm" ref="detailForm" label-width="108px" class="detail-form">
  67. <el-form-item label="名称:" prop="name">
  68. <el-input type="input" v-model="detailForm.name" placeholder="请输入名称"></el-input>
  69. </el-form-item>
  70. <el-form-item label="路径:" prop="path">
  71. <el-input type="input" v-model="detailForm.path" placeholder="请输入路径"></el-input>
  72. </el-form-item>
  73. <el-form-item label="所属分组:">
  74. <el-input type="input" maxlength="5" v-model="detailForm.group" placeholder="请输入所属分组"></el-input>
  75. </el-form-item>
  76. </el-form>
  77. <div class="dialog-footer display-flex">
  78. <div @click="submitForm('detailForm')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
  79. </div>
  80. </div>