- 内容管理系统(CMS)去哪里了?
我想使用CMS管理云数据库中的内容。之前开发过都完成了,主要功能就是用户上传商品,图片之类的。小程序使用。 以前是这样的: [图片] 开通之后,最终这样: [图片] 然后有个网页,有帐户密码登录就可以进行管理内容了。比如添加商品等。 参考文档:https://developers.weixin.qq.com/minigame/dev/wxcloud/guide/extensions/cms/guidance.html 现在都弄到云开发平台里面了 https://tcb.cloud.tencent.com/ 找了下找有个模版中心。 [图片] 也不知道是不是这个云存储管理模版,安装了之后感觉不是啊。内容管理系统(CMS)去那了呢? 有没有哪位了解这个的,多谢了!
星期二 17:51 - 如何让一个试图占满整个屏幕,距离底部10rpx?
如问题描述:我想让红色的块离顶部导航条(黄色)10rpx,底部的tabbar10rpx(不生效)。如下图: [图片] 代码如下: <navigation-bar title="小程序" background="#FDD243" color="white" back="{{false}}"></navigation-bar> <view style="height: 100vh; display: flex; flex-direction: column; background: red; margin-top: 10rpx; margin-bottom: 10rpx;"> </view> 我想到的方式一: 把红色的块`margin-bottom`设置为tabbar的高度。在获取tabbar高度之前,无论如何改`margin-bottom`都不工作,可能是height是100vh或者100%的原因?放弃这个。 第二个方式就是计算: 屏幕高度 - 导航条高度 - tabBar的高度 看了文档 wx.getWindowInfo,好像没有办法知道tabBar的高度。 [图片] 难道是这个windowHeight就是我想要的数值?试试看,计算出来是688。 const windowInfo = wx.getWindowInfo() const height = windowInfo.windowHeight * 750 / windowInfo.screenWidth 手工量了下,仍旧是包含tabBar的距离。 所以有没有什么方法能准确的做到这一点呢? 编辑一 <navigation-bar title="小程序" background="#FDD243" color="white" back="{{false}}"></navigation-bar> <view style="height: 100%; display: flex; flex-direction: column; background: red; margin-top: 10rpx; margin-bottom: 10rpx;"> <view class="view1" style="width: 100%; height: 100%; background: green; flex: 1;"></view> </view>
05-13 - row-reverse时,padding不正常工作?
如过设置 `flex-direction: row-reverse;` 效果如下: [图片] 加上padding: 32rpx [图片] 右边的padding没有,并且最后一个字没了。 完整代码: <view class="view"> <view>吃饭了吗</view> <image src="../../images/icon/home.png" mode="widthFix" style="width: 50rpx;"/> </view> .view { width: 100%; display: flex; flex-direction: row-reverse; padding: 32rpx; background: chartreuse; } 原因是什么呢?
05-13 - 小程序内容管理云模版如何使用Chrome打开页面设计?
环境: MacOS 问题: 页面设计 使用默认的浏览器Safari打开,警告: [图片] 如何使用Chrome呢?如果复制链接在chrome,需要扫描二维码,扫描之后又要授权,最后。。。[图片] 具体步骤:微信开发工具 > 内容管理 > 商品管理模版的页面设计 [图片] 怎么破?究竟Safari不支持什么功能了呢?
04-30 - 求助:如何使获取元素位置的回调工作?
我想获取scroll-view里面元素的位置。但是获取元素的回调不执行。 代码如下: .ts onLoad() { const query = wx.createSelectorQuery().in(this); const { activeCategoryIndex } = this.data; query.selectAll('.categoryTitle').boundingClientRect(); query.select('.navigation-bar').boundingClientRect(); query.exec((res) => { // 回调没有进入。 console.log(res) }); } .wxml {{item.categoryName}} ... 看到有警告: 检测到 NodesRef.boundingClientRect 不能立即回调,可能由于 scroll-view 的按需加载特性,使得不在屏的节点无法立即取到节点相关信息 看了下文档,这个按需加载貌似是type = “list”时候有的,于是改成了custom没有了这条信息,但是仍旧不能回调。 [图片] 代码参考:https://tdesign.tencent.com/miniprogram/components/side-bar 编辑 新建了一个JS的项目就工作,ts的就是如上的问题,原因是什么呢?
04-26 - 如何让两个view的高度之和,占满屏幕的高度?
[图片] 如上图,如何使红色的view高度加上灰色或者蓝色的高度等于绿色的高度呢? 红色占比20%,蓝色/灰色一边高,占比80%。谢谢。 wxml <view class="container"> <view class="topArea"> <scroll-view scroll-y class="leftMenu" type="list"> </scroll-view> <scroll-view class="rightContent" scroll-y type="list"> </scroll-view> </view> <view class="bottomArea"> </view> </view> wxss page { height: 100vh; } .container { display: flex; height: 100%; background-color: #00ff00; } .topArea { height: 80%; width: 100%; display: flex; flex-direction: row; } .bottomArea { height: 20%; width: 100%; background-color: red; } .leftMenu { height: 100%; width: 25%; background-color: #eeeeee; } .rightContent { height: 100%; width: 75%; background-color: #0000ff; }
04-22 - 如何让scroll-view占满父view的高度?
[图片] 如上图,如何使灰色和蓝色的scroll-view和绿色的一样高度? 不能把 container这个view拿掉,谢谢! wxml <view class="container"> <scroll-view scroll-y class="leftMenu" type="list"> </scroll-view> <scroll-view class="rightContent" scroll-y type="list"> </scroll-view> </view> wxss page { height: 100vh; } .container { display: flex; flex-direction: row; height: 100%; background-color: #00ff00; } .leftMenu { width: 25%; height: 100%; background-color: #eeeeee; } .rightContent { width: 75%; height: 100%; background-color: #0000ff; }
04-22