html添加购买按钮,萤火小程序商城给前端和商品组件增加“购买”按钮的方法...

萤火小程序商城的商品组件没有“去购买”按钮，前端页面看起来左端重右端轻，整体不太协调。但是萤火小程序商城是一款开源的小程序源码，可以自己修改代码添加去购买按钮，具体方法如下：

小程序前端添加“去购买”按钮

1、修改小程序前端页面样式文件

小程序前端页面样式文件，路径为components/diy/goods/goods.wxss，打开页面样式文件，在末尾添加“去购买”按钮样式代码。

/* 去购买按钮 */

.goods-item .btn-settlement {

position: absolute;

right: 0;

bottom: 0;

padding: 0 28rpx;

border-radius: 40rpx;

background: linear-gradient(to right, rgb(235, 53, 107) 0%, rgb(240, 60, 60) 100%);

box-shadow: 0 4rpx 20rpx -4rpx rgb(235, 53, 107);

font-size: 28rpx;

line-height: 54rpx;

text-align: center;

color: #fff;

}

2、修改小程序前端页面文件

小程序前端页面文件，路径为components/diy/goods/goods.wxml，打开页面文件，在第35行添加下面的代码。

去购买

小程序后台的商品组件添加“去购买”按钮

1、修改商品组件文件

后端商品组件编辑文件路径为/source/application/store/view/wxapp/page/edit.php，在第410行加入下面的代码：

去购买

2、修改商品组件样式文件

商品组件样式文件路径为/assets/store/css/diy.css，为了保证代码的规范，在第447行加入下面的代码：

.work-diy .diy-phone .phone-main .diy-goods .goods-item .btn-settlement {

position: absolute;

right: 0;

bottom: 0;

padding: 0 14px;

border-radius: 20px;

background: linear-gradient(to right, #eb356b 0%, #f03c3c 100%);

box-shadow: 0 2px 10px -2px #eb356b;

font-size: 12px;

line-height: 27px;

text-align: center;

color: #fff;

本站所有内容，如有版权、侵权等问题，请及时联系本站做删除。发布者：云期刊，转载请注明出处：https://www.yunqikan.cn/5526.html

html添加购买按钮,萤火小程序商城给前端和商品组件增加“购买”按钮的方法...相关推荐

小程序商城和社区团购小程序，商家应该选哪个？
第一次做小程序商城时应该选择一个社区团体购买小程序或配送小程序商城吗?如果您想知道哪一个最适合您,那么您不妨先了解一下. 什么是小程序商城? 小程序商城又被称为微商城(微信小程序商城),这是一款集获客 ...
遵义微科技小程序商城直播系统，线下零售行业发展新趋势！
直播卖货是今年零售业新风口.受肺炎疫情影响,截止到现阶段,大部分城市的线下零售业遭遇店面房租.产品库存量.员工薪水等多种压力的商家,竞相开始转型发展网上打起"增长保卫战",直播更是 ...
odoo小程序商城概览（睿鸥商城）
通过微信小程序商城打造企业私域流量已是常规做法,通过odoo作为后台打造的睿鸥商城顺应而生. 1:系统设定 2 1.1商城基础设定 2 1.2物流&仓储 6 1.3福利营销 9 1.4分销裂变 ...
一款开源的微信小程序商城项目，接外包直接拿去改改，就能用（附源码）。。。...
大家好,今天,推荐一个小程序商城项目. 上次是谁要小程序商城项目啊,猿哥帮你找到了. 这是我目前见过的最好的小程序商城项目.功能完整,代码结构清晰.值得推荐. 后端部分虽然是PHP的,但是建议有研究精 ...
sis防屏蔽程序是什么意思_如何搭建小程序商城，流量私域化是什么意思？-社交电商资讯_社区团购系统,社区团购小程序,社群团购系统,社交电商系统,专注社区团购系统研发...
零售行业无论是线上商城还是线下门店,流量始终是交易转化的第一门槛.线下实体门店需要一定的客流,线上商城需要浏览商品的用户.在如今这个流量来源渠道比较狭窄的时代,找到开放流量和留存粉丝的方法很重要. 零 ...
《微信小程序商城开发实战》笔者的新书，欢迎各位粉丝上京东购买
编辑推荐在当今移动互联网大潮中,微信应用凭借其庞大的用户基数和极强的用户黏性牢牢地占据着移动App应用的头把交椅之位,据相关统计,微信月活跃用户已达10亿之多,且占据着中国用户30%以上的应用时间, ...
视频教程-微信小程序商城15天从零实战课程-微信开发
微信小程序商城15天从零实战课程 04年进入计算机行业.拥有6年net和php项目开发经验,8年java项目开发经验. 现前端全栈工程师,主攻产品设计,微信开发等. 黄菊华 ¥499.00 立即订阅 ...
#Jshop小程序商城
#Jshop小程序商城 ###项目介绍 Jshop小程序商城,是一款开源的电商系统,包含微信小程序.支付宝小程序.APP.公众号和H5端,为大中小企业提供移动电子商务优秀的解决方案. 后台采用Thin ...
学习成长之路（初章三个月建成微信小程序商城、ArcEngine C# GIS开发入门）
学习成长之路(初章 ) 三个月建成微信小程序商城 .ArcEngine C# GIS开发入门自我简介先简单介绍一下,我是Domen,是一个彻彻底底的新手 . 大一大学大一没好好学习,搞这搞那 ...
小程序商城系统CRMEB Pro v1.1全新重构，新增DIY功能
CRMEB ProV1.1全新升级发布,真正实现了后台可自由拖拽组合实现首页布局的DIY功能,这一功能的实现,将告别过去千篇一律的同质化界面布局,真正实现个性化.高自由的随心组合.本次发布的版本中我们 ...

html添加购买按钮,萤火小程序商城给前端和商品组件增加“购买”按钮的方法...

html添加购买按钮,萤火小程序商城给前端和商品组件增加“购买”按钮的方法...相关推荐

最新文章

热门文章