轻栈学堂
快速上手品牌电商独立运营

制作一个“真的名片”小程序
专栏:轻栈insarea微头条
发布日期:2023-02-07
阅读量:802
作者:轻栈insarea
收藏:
前几期我们分别用第三方平台和小程序开发者工具制作了名片小程序。2.在wxml文件中,添加image标签,设置图片对齐.这又变成了展示型小程序,所以我们的操作是用代码写一张名片出来。

前几期我们分别用第三方平台和小程序开发者工具制作了名片小程序。
功能丰富的名片小程序,也就是信用EID小程序,是用第三方开发平台制作出来的,全程20分钟左右。
新手用开发者工具在这么短的时间只够写十几行代码,所以退而求其次,制作一个展示型小程序作为名片小程序,图片和文字的组合就完成了,其实就是【图文展示】组件的一小部分功能。


以上两种制作名片小程序的具体操作,往前翻翻之前发布过的内容就能找到。

1.今天要制作的是一个“真的名片”小程序。

1675764458338000971.jpg



2.在wxml文件中,添加image标签,设置图片对齐...齐?
打住!这又变成了展示型小程序,所以我们的操作是用代码写一张名片出来。

1675764460979002112.jpg



3.先把名片都设计好了

1675764460212088467.jpg



4.根据自己设计好的名片写代码开发小程序:
-- 上传一张图片作为名片的背景图
-- 上传另外一张图片作为logo
-- 设置图片的相对位置,使logo图出现在图片的右上角,上边距为10px,右边距为20px

1675764459478041713.jpg



5.添加左下角的文字,调整文字大小,行距,颜色,相对于背景图片的距离。

1675764461704080595.jpg



至此,你已经拥有了“真的名片”,可以上传生成小程序了。(笑哭)
铺垫了这么多,对比一下吧。用第三方平台(比如轻栈),制作出这样的效果,不需要记住那么多的英文单词、标签和各种各样的属性,你只要用拖拽的方式添加【广告图片】组件,右键进行编辑即可。

1675764462678015353.jpg


上一页:制作小程序跨平台发布
下一页:第65届格莱美开奖了,来搭建一个资讯小程序吧
说点什么
发表
最新评论

    本文由轻栈平台用户上传并发布,轻栈仅提供信息发布平台。文章仅代表作者个人观点,不代表轻栈立场。未经作者许可,不得转载。有涉嫌抄袭的内容,请通过反馈中心进行举报。

    电商运营资讯
    轻栈社区
    独立站运营

    热点文章

    轻栈,独立品牌电商新方式!→

    免费使用