标签:微信 程序开发 笑话 2019 joke 2px wxss 页面
首先做出笑话展示页面
1.修改app.json文件,在"pages"中添加一条
"pages/joke/joke",然后ctrl+s就可以自动创建joke文件夹,以及其中必须的三个文件,joke.js joke.json joke.wxml joke.wxss 2.在joke.wxml中写好需要显示的文字,并为其确认一个类 <view class="joke"> <view>笑话1</view> <view>2019-2-18</view> </view> <view class="joke"> <view>笑话2</view> <view>2019-2-19</view> </view> 3.下面需要修改wxss来改变其样式 这里可以选择修改主文件的app.wxss或者修改joke.wxss .joke{ margin:10px; padding:10px; border-radius:5px; border-top:1px solid #DEDEDE; border-left:1px solid #DEDEDE; box-shadow: 2px 2px 2px #C7C7C7; } 这样也就完成了第一个页面的开发 下面尝试带图页面其实方法与第一个页面相同,这里主要考虑加入图片的部分,需要设置一个image文件存放原来下载好的图片,然后用和之前相同的方式,只不过在wxml里面需要放置一个image的双标签:
<view class="joke"> <view>笑话1</view> <view> <image src="/image/1.png"></image> </view> <view>2019-2-18</view> </view> <view class="joke"> <view>笑话2</view> <view> <image src="/image/2.jpg"></image> </view> <view>2019-2-19</view> </view> 到此为止成功开发第二个页面标签:微信,程序开发,笑话,2019,joke,2px,wxss,页面 来源: https://www.cnblogs.com/wangziyan/p/10400590.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。