start the JXTA platform.

本文介绍了如何使用 NetPeerGroupFactory 创建默认的网络组接口。通过实例化 NetPeerGroupFactory,可以获取网络组的接口,便于进行后续的网络操作。

NetPeerGroupFactory factory  = new NetPeerGroupFactory();//这是默认的创建的一个组。
        netPeerGroup = factory.getInterface(); 

 
<template> <view class=""> <z-paging :paging-style="{ background: cardConfig.background,}"> <!-- #ifdef H5 --> <!-- <view style="height: 90px"></view> --> <!-- #endif --> <!-- #ifndef H5 --> <view :style="{height: navBarHeight + 'px'}"></view> <!-- #endif --> <view class=" padding flex align-center justify-between"> <view class="" style="" @click="goback()"> <u-icon name="arrow-left"></u-icon> </view> <view class="text-bold text-df"> 会员中心 </view> <view class=""> </view> </view> <view class="margin-top-xl"> </view> <swiper class="" :current="currentIndex" @change="onSwiperChange" :autoplay="false"> <swiper-item v-for="(item, index) in 6" :key="index"> <view class="w-94 member padding" :style="getBackgroundStyle(index)"> <view v-if="index == 0" class=""> <view class="text-bold text-lg margin-bottom-sm">普通会员</view> <view class="text-sm" :style="getTextColor(index)">开通会员服务,可领取全部功能 ></view> </view> <view class="flex align-end justify-start" style="position: absolute; left: 30rpx; bottom: 40rpx;"> <view> <view class="text-xs" :style="getTextColor(index)">积分:0/100</view> <view v-if="index == 0" style="width: 420rpx;"> <u-line-progress active-color="#000" height="12" :percent="70" :show-percent="false" width="210rpx" inactive-color="#D2C1AD" /> </view> <view v-else style="width: 420rpx;"> <u-line-progress active-color="#fff" height="12" :percent="70" :show-percent="false" width="210rpx" inactive-color="#D2C1AD" /> </view> <view class="text-xs" :style="getTextColor(index)">再升一级可享受【优惠券】等12项权益</view> </view> </view> <view v-if="index == 0" class="bg-img"></view> </view> <!-- <member :index="index" :active="currentIndex === index"></member> --> </swiper-item> </swiper> <view class="w-94 margin-top-lg"> <view class="text-df text-bold margin-bottom-lg"> 会员权益 </view> <view class="text-df" style="color: #86909C;"> 1、如您需要充值余额退款服务,请点击<text class="text-black">申请余额退款</text>。工作人员审核通过后余额将原路退回到您的账户。 </view> <view class="text-df margin-top" style="color: #86909C;"> 2、如您需要充值余额退款服务,请点击<text class="text-black">申请余额退款</text>。工作人员审核通过后余额将原路退回到您的账户。 </view> </view> <view class="w-94 margin-top-lg"> <view class="text-df text-bold"> 会员礼包 </view> <view class=""> </view> <view class="flex justify-between align-center"> <view class="margin-top coupon-bg flex justify-center align-center" style="height: 164rpx; width: 218rpx; position: relative;" v-for="item in 3" :key="item.index"> <view class=""> <view class="text-bold" style="font-size: 40rpx; color: #2E1305;"> ¥42 </view> <view class="margin-top-sm" style="color: #2E1305;"> 会员礼金 </view> </view> <view class="title flex align-center justify-center"> 每月 </view> </view> </view> </view> </z-paging> </view> </template> <script> export default { data() { return { userPoints: 5000, index: 0, navBarHeight: "", currentIndex: 0, bgUrls: ['https://env-00jxta4kb22c.normal.cloudstatic.cn/1/static/my/member/v0.svg', 'https://env-00jxta4kb22c.normal.cloudstatic.cn/1/static/my/member/v1.svg', 'https://env-00jxta4kb22c.normal.cloudstatic.cn/1/static/my/member/v2.svg', 'https://env-00jxta4kb22c.normal.cloudstatic.cn/1/static/my/member/v3.svg', 'https://env-00jxta4kb22c.normal.cloudstatic.cn/1/static/my/member/v4.svg', 'https://env-00jxta4kb22c.normal.cloudstatic.cn/1/static/my/member/v5.svg' ] } }, methods: { getBackgroundStyle(index) { const url = this.bgUrls[index] return { backgroundImage: `url(${url})`, backgroundRepeat: 'no-repeat', backgroundSize: '100% 100%', width: '94%', height: '288rpx', borderRadius: '20rpx', position: 'relative' } }, getTextColor(index) { const colors = { 0: '#776F68', 1: '#fff', 2: '#fff', 3: '#fff', 4: '#fff', 5: '#fff' } return { color: colors[index] } }, onSwiperChange(e) { this.currentIndex = e.detail.current this.index = e.detail.current this.$emit('change', this.currentIndex) // 触发外部监听 console.log('你切换了盒子', this.currentIndex) console.log('滑动到第:', this.currentIndex) }, goback() { uni.switchTab({ url: '/pages/tabbar/my' }) } }, onLoad() { this.$nextTick(() => { const statusBarHeight = uni.getSystemInfoSync().statusBarHeight this.navBarHeight = statusBarHeight }) }, computed: { cardConfig() { // 普通会员 if (this.index == 0) { return { background: '', } } // 白银会员 else if (this.index == 1) { return { background: 'linear-gradient(to bottom, #BCBAC2 10%, #fff 30%)', } } //黄金 else if (this.index == 2) { return { background: 'linear-gradient(to bottom, #FFC259 10%, #fff 30%', } } //钻石会员 else if (this.index == 3) { return { background: 'linear-gradient(to bottom, #9A6FD6 10%, #fff 30%', } } //铂金会员 else if (this.index == 4) { return { background: 'linear-gradient(to bottom, #837F92 10%, #fff 30%', } } // 黑金会员 else if (this.index == 5) { return { background: 'linear-gradient(to bottom, #A77A5C 10%, #fff 30%', } } } } } </script> <style lang="scss"> .member { position: relative; // background: url('/static/my/member/v1.svg'); // background-repeat: no-repeat; // background-size: 100%; height: 288rpx; border-radius: 20rpx; .bg-img { position: absolute; right: 0; bottom: 0; background: url('https://env-00jxta4kb22c.normal.cloudstatic.cn/1/static/my/member/image.png'); background-repeat: no-repeat; background-size: 100%; height: 266rpx; width: 244rpx; } } .coupon-bg { background: url('https://env-00jxta4kb22c.normal.cloudstatic.cn/1/static/my/member/couponbg.png'); background-repeat: no-repeat; background-size: 100%; .title { position: absolute; top: 0; right: 0; height: 30rpx; font-size: 18rpx; color: #fff; padding: 18rpx; min-width: 56rpx; background-color: #FFAC80; border-radius: 30rpx 0 30rpx 30rpx; } } </style> 优化
10-26
已经博主授权,源码转载自 https://pan.quark.cn/s/a4b39357ea24 常见问题解答 网页打开速度慢或者打不开网页? 受到多种因素的影响,对于非会员用户我们无法提供最优质的服务。 如果您希望得到最棒的体验,请至大会员页面("右上角菜单 → 大会员")根据说明操作。 请注意:受制于国际网络的诸多不确定性,我们无法对任何服务的可靠性做出任何保证。 如果出现了网络连接相关的问题,我们建议您先等待一段时间,之后再重试。 如果您在重试后发现问题仍然存在,请联系我们,并说明网络问题持续的时间。 图片下载后无法找到? 打开"右上角菜单 → 更多 → 修改下载路径",在弹出的对话框中可以看到当前图片的保存路径。 此外,由于网络因素,在保存图片之后,等待屏幕下方出现"已保存到..."后,才能在本地找到图片。 如何更改图片保存的目录? 请参见"右上角菜单 → 更多 → 修改下载路径"。 翻页不方便? 在点进某个图片后,通过在图片上向左或向右滑动,即可翻页查看下一个作品。 如何保存原图/导出动图? 长按图片/动图,在弹出的菜单中选择保存/导出即可。 输入账号密码后出现"进行人机身份验证"? 此为pixiv登陆时的验证码,请按照要求点击方框或图片。 在pxvr中注册pixiv账号后,收到验证邮件,无法访问邮件中的验证链接? 请复制邮件中的链接,打开pxvr中的"右上角菜单 → 输入地址"进行访问。 能否自动将页面内容翻译为汉语? 很抱歉,pxvr暂不提供语言翻译服务。 图片下载类型是否可以选择? 能否批量下载/批量管理下载? 已支持批量下载多图作品中的所有原图:找到一个多图作品,进入详情页面后,点击图片进入多图浏览模式,长按任意一张图片即可看到批量下载选项。 关于上述其他功能,我们...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值