创建自己的第一个小程序

xiaoxiao2021-02-28  44

微信提供了开发自己小程序的文档说明,根据说明可以创建自己的小程序,首先我们要安装一个微信开发工具,安装完成后,我们需要用微信扫描进行登录,点击小程序项目,起一个名字,填写自己的appid,开始写代码。

这里举例是一个登录页面,实例如下:

<!--pages/login/login.wxml--> <view class='container'> <view class='header'> <image src='/image/1.png'></image> </view> <form bindsubmit="formSubmit"> <view class="section"> <input placeholder="请输入学号" type='text' id='no' value='1635050319' name="username"/> <input placeholder="请输入密码" type='password' id='pwd' value='123456' name="password"/> </view> <view class='submit'> <button type="primary" form-type="submit"> 登录 </button> </view> </form> </view>

这段代码是要写在wxml里的,在小程序里,我们也可以自己设置样式,和html一样的规则,写入wxss文件里,即可实现。

例如:

#no,#pwd{ border: 1px solid #ccc; margin: 30rpx; width:250px; height: 35px; border-radius: 15px; padding-left: 10px; }接下来就可以,编译运行了。

转载请注明原文地址: https://www.6miu.com/read-2630363.html

最新回复(0)