login.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <view>
  3. <form @submit="formSubmit" >
  4. <view class="uni-form-item uni-column">
  5. <view>
  6. <input
  7. class="uni-input"
  8. name="username"
  9. placeholder-class="icon iconfont icon-bianji1"
  10. placeholder="请输入用户名" />
  11. </view>
  12. <view>
  13. <input
  14. class="uni-input"
  15. name="pass"
  16. placeholder-class="icon iconfont icon-bianji1"
  17. placeholder="请输入密码" />
  18. </view>
  19. <view class="uni-btn-v">
  20. <button form-type="submit">Submit</button>
  21. </view>
  22. </view>
  23. </form>
  24. </view>
  25. </template>
  26. <script>
  27. export default {
  28. data() {
  29. return {
  30. }
  31. },
  32. onLoad(){
  33. },
  34. methods: {
  35. async formSubmit(e){
  36. let formdata=e.detail.value;
  37. const res=await this.$myRequest({
  38. url:'/api/api_gateway?method=user.login.login_user',
  39. data:{
  40. username: formdata.username,
  41. password: formdata.pass
  42. }
  43. })
  44. let session_key=res.data.data.session_key
  45. uni.setStorage({
  46. key: 'session_key',
  47. data: session_key,
  48. success: function () {
  49. console.log('success');
  50. }
  51. })
  52. }
  53. }
  54. }
  55. </script>
  56. <style>
  57. .uni-form-item{
  58. margin-top:50rpx;
  59. }
  60. </style>