uni-app100群公告推送功能(代码片段)

2019ab 2019ab     2023-01-31     328

关键词:

/pages/chat/group-remark/group-remark.vue

<template>
	<view class="page">
		<!-- 导航栏 -->
		<free-nav-bar title="群公告" showBack :showRight="true" bgColor="bg-white">
			<free-main-button name="推送" slot="right" @click="submit"></free-main-button>
		</free-nav-bar>
	
		<textarea v-model="remark" placeholder="暂无公告..." class="bg-white p-2 font-md" style="width:750rpx;" />
	</view>
</template>

<script>
	import freeNavBar from '@/components/free-ui/free-nav-bar.vue';
	import freeMainButton from '@/components/free-ui/free-main-button.vue';
	import $H from '@/common/free-lib/request.js';
	import auth from '@/common/mixin/auth.js';
	export default 
		mixins:[auth],
		components:
			freeNavBar,
			freeMainButton,
		,
		data() 
			return 
				remark:'',
				id:0
			
		,
		onLoad(e) 
			if(!e.params)
				return this.backToast()
			
			let params = JSON.parse(e.params);
			console.log(params)
			this.remark = params.remark;
			this.id = params.id;
		,
		methods: 
			submit()
				$H.post('/group/remark',
					id:this.id,
					remark:this.remark
				).then(res=>
					uni.showToast(
						title:'推送成功',
						icon:'none'
					);
					uni.navigateBack(
						delta:res
					);
				)
			
		
	
</script>

<style>

</style>

页面如下图


感谢大家观看,我们下次见

uni-app97修改群名称功能(代码片段)

app/controller/group.js'usestrict';constController=require('egg').Controller;classGroupControllerextendsController//获取群里列表asynclist()constctx,app=this;letcurrent_user_id 查看详情

uni-app106群资料设置功能(代码片段)

chat.jsimport$Ufrom"./util.js";import$Hfrom'./request.js';classchat constructor(arg) this.url=arg.url this.isOnline=false this.socket=null //获取当前用户相关信息 letuser=$ 查看详情

uni-app98修改群名称功能(代码片段)

chat-set.vue<template> <viewstyle="background-color:#EDEDED;"> <!--导航栏--> <free-nav-bartitle="聊天信息"showBack:showRight="false"></free-na 查看详情

uni-app190扫一扫加入群聊功能(代码片段)

/pages/chat/scan-add/scan-add.nvue<template> <viewclass="page"> <!--导航栏--> <free-nav-bartitle="加入群聊"showBack:showRight="false"></free-n 查看详情

uni-app190扫一扫加入群聊功能(代码片段)

/pages/chat/scan-add/scan-add.nvue<template> <viewclass="page"> <!--导航栏--> <free-nav-bartitle="加入群聊"showBack:showRight="false"></free-n 查看详情

uni-app189扫一扫添加群聊功能(代码片段)

/components/free-ui/free-nav-bar.vue<template> <view> <view:class="getClass"> <!--状态栏--> <view:style="'height:'+statusBarHeight+' 查看详情

技术分享|基于rtm实现的呼叫邀请如何添加推送功能?(代码片段)

...性和频道属性进行增删改查操作,可以实现用户标注、群公告等功能。频道人数和成员列表:获取单个或多个频道的成员人数。获取频道内用户列表。查阅或订阅用户在线状态:获取或订阅指定用户的在线状态。呼叫邀请:发送... 查看详情

群公告详情(代码片段)

群公告因为大家可能是从不同的地方了解到这个群聊,可能是B站的算法小课堂、QQ聊天机器人、JAVA安卓聊天室、也可能是CSDN、博客园的的一些笔记记录或者说是在笔者的编程网站上了解的或者其他的地方,不过既然大家... 查看详情

uni-app103退出和解散群聊(代码片段)

route.js//删除并退出群聊router.post('/group/quit',controller.group.quit);app/controller/group.js'usestrict';constController=require('egg').Controller;classGroupControllerextendsCo 查看详情

uni-app104退出和解散群聊(代码片段)

/pages/chat/chat-set/chat-set.vue<template> <viewstyle="background-color:#EDEDED;"> <!--导航栏--> <free-nav-bartitle="聊天信息"showBack:showRight="false 查看详情

uni-app95获取群聊相关信息(代码片段)

/app/model/group_user.js//app/model/group_user.js'usestrict';constcrypto=require('crypto');module.exports=app=>constSTRING,INTEGER,DATE,ENUM,TEXT=app.Sequelize;// 查看详情

uni-app96获取群聊相关信息(代码片段)

chat-set.vue<template> <viewstyle="background-color:#EDEDED;"> <!--导航栏--> <free-nav-bartitle="聊天信息"showBack:showRight="false"></free-na 查看详情

uni-app169邀请加入群聊(代码片段)

app/router.js//将某人加入群router.post('/group/invite',controller.group.invite);app/controller/group.js'usestrict';constController=require('egg').Controller;classGroupControllerextendsController//获取群聊列表asynclist()constctx,app=this;letcurrent_user_id&... 查看详情

uni-app170邀请加入群聊(代码片段)

下图是我测试截图app/controller/group.js'usestrict';constController=require('egg').Controller;classGroupControllerextendsController//获取群聊列表asynclist()constctx,app=this;letcurrent_user_id=ctx.authUser.id;letpage=ctx.params.page?parseInt(ctx.params.pa... 查看详情

uni-app107群二维码生成(代码片段)

router.js//生成群二维码router.get('/group_qrcode/:id',controller.group.qrcode);extend/content.js//app/extend/context.jsvarqr=require('qr-image');module.exports=//成功提示apiSuccess(data='',msg='ok',code=200)this.body=msg,data;this.sta... 查看详情

uni-app150朋友圈点赞功能(代码片段)

/pages/find/moments/moments.vue<template> <view> <free-transparent-bar:scrollTop="scrollTop"@clickRight="clickRight"></free-transparent-bar> <viewclass="position-relative"style="height:620rpx;"> <imagesrc=&#... 查看详情

uni-app实现扫码功能(代码片段)

实现扫码功能,我们需要调用uni-app的scanCodesaoma()//调用scanCode实现扫码功能 uni.scanCode( //是否只能从相机扫码,不能从相册扫码 onlyFromCamera:false, //规定扫码类型字节跳动小程序不支持此参数 //barcode就是一维码(条形码)q... 查看详情

uni-app155朋友圈评论功能(代码片段)

下图是我测试的截图/pages/find/moments/moments.vue<template> <view> <free-transparent-bar:scrollTop="scrollTop"@clickRight="clickRight"></free-transparent-bar> <viewclass="position-relative"style="height:620rpx;"... 查看详情