微信小程序之文本输出

和轮播图相似首先建立一个wtml

<view class=‘‘>
      <text>文本输出:</text>
      <block wx:for="{{custom_data}}" wx:key="*this">
      <text>{{item.notification}}</text>
      </block> </view>

接下来是js,

wx.request({ // 获取后台输入的文本
      url: ,
      data: {
        custom_server:,
      },
      success: function (res) {
        let arr=res.data;
        var data=arr.data;
        that.setData({
          custom_data: data,
        });

      }
    })

后台PHPSQL查找文本内容

 $config=M(‘info‘)->find();
 $arr[‘notification‘]=$config[‘notification‘];

前台HTML的输入略过,notification 是输入文本

原文地址:https://www.cnblogs.com/luosong3/p/10564611.html

时间: 2024-10-07 06:52:09

微信小程序之文本输出的相关文章

微信小程序富文本-wxParse的使用

最近小程序蛮火的,公司要做于是学了一点点小程序 不知道你们有没有遇到过这种问题: 从公司服务器获取的文章内容是有HTML标签格式的一段内容,但是微信是不支持这些标签的,怎么办呢? 1.一般网站后台的文章是这样的,带有很多的html标签(这里是截取的今日头条某文章内容),但是小程序并不支持,它会以文本直接显示 怎么办呢? 2.在这个时候可以考虑 wxParse wxParse信息 版本号0.1 历史版本号0.2 具体代码请查看仓库分支V1 github地址: https://github.com/

微信小程序富文本编译wxParse

资料相关: https://github.com/icindy/wxParse 场景:微信小程序文章详情想要展示一些带有html标签的文章,但是不支持,直接展示一堆html标签,用wxParse可以解析出html标签展示为真正的文本格式. 按照git文档的步骤即可: 1.拷贝文件wxParse:- wxParse/ -wxParse.js(必须存在) -html2json.js(必须存在) -htmlparser.js(必须存在) -showdown.js(必须存在) -wxDiscode.js

微信小程序富文本中的图片大小超出屏幕

这个问题我在小程序社区中提的,后来有个帮我回答了这个问题,我试了一下可以. 解决办法是过滤富文本内容,给图片标签添加一个样式,限制图片的最大宽度. replace(/\<img/gi,   '<img class="rich-img" ' ); 就可以了 rich-text   .rich-img { width: 100% ; height: auto ; } 原文地址:https://www.cnblogs.com/fangyinghua/p/9264425.html

微信小程序中循环输出标签写法

<view wx:for="{{index_first_list}}">  wx:for中是数组名 在js中data里面添加数组的值,注意数组的写法. 调用数组里面的值默认用item,例如: <image src="{{item.img}}"  mode="widthFix"></image>

微信小程序 富文本插件 循环渲染方式

感谢GitHub https://github.com/icindy/wxParse/wiki/wxParse%E5%A4%9A%E6%95%B0%E6%8D%AE%E5%BE%AA%E7%8E%AF%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95 介绍 介绍如何使用wxParse在回复等多条HTML共同渲染的方法 方法介绍 /** * WxParse.wxParseTemArray(temArrayName,bindNameReg,total,that) * 1.tem

微信小程序 数字文本中含有数字1的文本在ios上的表现和安卓不一致,数字未对齐

参考链接:https://developers.weixin.qq.com/community/develop/doc/000aa07b100bd8a4c1d8629ca51c00?highLine=%25E6%2595%25B0%25E5%25AD%2597%25E9%2597%25B4%25E8%25B7%259D 把字体设为 -apple-system 并且在 font-feature-settings 添加 "tnum" 规则 page {     font-family: -

微信小程序源码下载(200多个)

微信小程序源码下载汇总,点击标题进入对应的微信小程序下载页面. 最新 demo源码(点击标题进入帖子下载) 描述 1 微信小程序 会议室预定小程序 微信小程序 会议室预定小程序**** 本内容被作者隐藏 **** 2 微信小程序-双人五子棋小游戏 微信小程序-双人五子棋小游戏**** 本内容被作者隐藏 **** 3 打卡签到小程序 用微信小程序实现的一个简单的打卡签到的小程序拒绝 4 微信小程序---左滑删除 微信小程序---左滑删除**** 本内容被作者隐藏 **** 5 一个借钱的记事本的微

微信小程序开源项目库汇总

微信小程序开源项目库汇总,里面集合了OpenDigg 上的优质的微信小程序开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Markdown渲染库 WeZRender ★36 - 微信小程序Canvas增强组件 wet

微信小程序UI组件、开发框架、实用库

UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Markdown渲染库 WeZRender ★36 - 微信小程序Canvas增强组件 wetoast ★21 - 仿照微信小程序提供的showToast功能 wxapp-charts ★20 - 微信小程序图表charts组件 WeiXinProject ★18 - 列