<h4 style="box-sizing: border-box; margin: 0px 0px 25px; font-family: Heebo, sans-serif; font-weight: 500; line-height: 1.5; color: rgb(0, 0, 0); font-size: 20px; font-style: normal; letter-spacing: 0.3px; opacity: 0.9; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </h4> <p style="box-sizing: border-box; margin: 0px 0px 40px; line-height: 30px; text-indent: 1.5em; list-style-position: inside; font-size: 17px; color: rgb(76, 79, 83); font-family: Arimo, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: left; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">在作SA需求訪談時,常需與需求者對於操作畫面的確認,在此提供兩款不錯的可視化表單設計。它是以 Vue & Element UI 作為基本元件,可以快速與需求者當面討論,是不錯的方式。</p> <ul style="box-sizing: border-box; margin: 0px 0px 40px; list-style: inside disc; font-size: 17px; color: rgb(76, 79, 83); font-family: Arimo, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> <li style="box-sizing: border-box; list-style-type: none; font-weight: 700; border-bottom: 1px solid rgb(255, 191, 63); line-height: 26px; margin-bottom: 10px; overflow-wrap: break-word; padding: 0px; text-align: left;">GitHub:<span> </span><strong class="flex-self-stretch mr-2" style="box-sizing:border-box; font-weight:700; margin-right:0.5rem !important"><a data-pjax="#js-repo-pjax-container" href="https://github.com/GavinZhuLei/vue-form-making" rel="nofollow noopener" style="box-sizing: border-box; color: rgb(246, 76, 114); text-decoration: none; background-color: transparent; border-bottom: 1px solid rgb(221, 221, 221); font-weight: 700;" target="_blank">vue-form-making</a></strong></li> </ul> <p style="box-sizing: border-box; margin: 0px 0px 40px; line-height: 30px; text-indent: 1.5em; list-style-position: inside; font-size: 17px; color: rgb(76, 79, 83); font-family: Arimo, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: left; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><a href="https://polinwei.com/form-making" style="box-sizing: border-box; color: rgb(246, 76, 114); text-decoration: none; background-color: transparent; border-bottom: 1px solid rgb(221, 221, 221); font-weight: 700;">Form Making 線上展示</a></p> <p style="box-sizing: border-box; margin: 0px 0px 40px; line-height: 30px; text-indent: 1.5em; list-style-position: inside; font-size: 17px; color: rgb(76, 79, 83); font-family: Arimo, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: left; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><a href="https://i1.wp.com/polinwei.com/wp-content/uploads/2021/01/form-making.jpg?ssl=1" style="box-sizing: border-box; color: rgb(246, 76, 114); text-decoration: none; background-color: transparent; border-bottom: 1px solid rgb(221, 221, 221); font-weight: 700;"><img alt="form-making" class="alignnone size-medium wp-image-1669 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="277" loading="lazy" sizes="(max-width: 640px) 100vw, 640px" src="https://i1.wp.com/polinwei.com/wp-content/uploads/2021/01/form-making.jpg?resize=640%2C277&ssl=1" srcset="https://i1.wp.com/polinwei.com/wp-content/uploads/2021/01/form-making.jpg?resize=800%2C346&ssl=1 800w, https://i1.wp.com/polinwei.com/wp-content/uploads/2021/01/form-making.jpg?resize=1024%2C443&ssl=1 1024w, https://i1.wp.com/polinwei.com/wp-content/uploads/2021/01/form-making.jpg?resize=768%2C332&ssl=1 768w, https://i1.wp.com/polinwei.com/wp-content/uploads/2021/01/form-making.jpg?w=1356&ssl=1 1356w, https://i1.wp.com/polinwei.com/wp-content/uploads/2021/01/form-making.jpg?w=1280&ssl=1 1280w" style="box-sizing: border-box; vertical-align: middle; border-style: none; height: auto; max-width: 100%; margin: 0px 0px 20px; padding: 5px 0px 0px;" title="基於Vue的視覺化表單設計器,讓表單開發簡單而高效" width="640"></a></p> <p style="box-sizing: border-box; margin: 0px 0px 40px; line-height: 30px; text-indent: 1.5em; list-style-position: inside; font-size: 17px; color: rgb(76, 79, 83); font-family: Arimo, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: left; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </p> <ul style="box-sizing: border-box; margin: 0px 0px 40px; list-style: inside disc; font-size: 17px; color: rgb(76, 79, 83); font-family: Arimo, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> <li style="box-sizing: border-box; list-style-type: none; font-weight: 700; border-bottom: 1px solid rgb(255, 191, 63); line-height: 26px; margin-bottom: 10px; overflow-wrap: break-word; padding: 0px; text-align: left;">GitHub:<span> </span><a data-pjax="#js-repo-pjax-container" href="https://github.com/JakHuang/form-generator" rel="nofollow noopener" style="box-sizing: border-box; color: rgb(246, 76, 114); text-decoration: none; background-color: transparent; border-bottom: 1px solid rgb(221, 221, 221); font-weight: 700;" target="_blank">form-generator</a></li> </ul> <p style="box-sizing: border-box; margin: 0px 0px 40px; line-height: 30px; text-indent: 1.5em; list-style-position: inside; font-size: 17px; color: rgb(76, 79, 83); font-family: Arimo, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: left; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><a href="https://polinwei.com/form-generator" style="box-sizing: border-box; color: rgb(246, 76, 114); text-decoration: none; background-color: transparent; border-bottom: 1px solid rgb(221, 221, 221); font-weight: 700;">Form Generator 線上展示</a></p> <p style="box-sizing: border-box; margin: 0px 0px 40px; line-height: 30px; text-indent: 1.5em; list-style-position: inside; font-size: 17px; color: rgb(76, 79, 83); font-family: Arimo, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: left; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><a href="https://i2.wp.com/polinwei.com/wp-content/uploads/2021/01/form-generator.jpg?ssl=1" style="box-sizing: border-box; color: rgb(246, 76, 114); text-decoration: none; background-color: transparent; border-bottom: 1px solid rgb(221, 221, 221); font-weight: 700;"><img alt="form-generator" class="alignnone size-medium wp-image-1670 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="287" loading="lazy" sizes="(max-width: 640px) 100vw, 640px" src="https://i2.wp.com/polinwei.com/wp-content/uploads/2021/01/form-generator.jpg?resize=640%2C287&ssl=1" srcset="https://i2.wp.com/polinwei.com/wp-content/uploads/2021/01/form-generator.jpg?resize=800%2C359&ssl=1 800w, https://i2.wp.com/polinwei.com/wp-content/uploads/2021/01/form-generator.jpg?resize=1024%2C459&ssl=1 1024w, https://i2.wp.com/polinwei.com/wp-content/uploads/2021/01/form-generator.jpg?resize=768%2C344&ssl=1 768w, https://i2.wp.com/polinwei.com/wp-content/uploads/2021/01/form-generator.jpg?w=1356&ssl=1 1356w, https://i2.wp.com/polinwei.com/wp-content/uploads/2021/01/form-generator.jpg?w=1280&ssl=1 1280w" style="box-sizing: border-box; vertical-align: middle; border-style: none; height: auto; max-width: 100%; margin: 0px 0px 20px; padding: 5px 0px 0px;" title="基於Vue的視覺化表單設計器,讓表單開發簡單而高效" width="640"></a></p> <p style="box-sizing: border-box; margin: 0px 0px 40px; line-height: 30px; text-indent: 1.5em; list-style-position: inside; font-size: 17px; color: rgb(76, 79, 83); font-family: Arimo, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 1px; orphans: 2; text-align: left; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </p>