微信小程序实践——实验4高校新闻网

已于 2022-08-21 01:02:05 修改
阅读量4.4k 收藏 90
点赞数 11
文章标签： 微信小程序 小程序
于 2022-08-21 00:05:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50960991/article/details/126445483
版权

一、项目创建

本项目一共需要3个页面，即首页、新闻页和个人中心页，其中首页和个人中心页需要以tabBar的形式展示，可以点击tab图标互相切换。

1. 首页功能需求

首页功能需求如下：（1）首页需要包含幻灯片播放效果和新闻列表；（2）幻灯片至少要有3幅图片自动播放；（3）点击新闻列表可以打开新闻全文。

2. 新闻页功能需求

新闻页功能需求如下：（1）阅读新闻全文的页面需要显示新闻标题、图片、正文和日期；（2）允许 点击按钮将当前阅读的新闻添加到本地收藏夹中；（3）已经收藏过的新闻也可以点击按钮取消收藏。

3. 个人中心页功能需求

个人中心页功能需求如下：（1）未登录状态下显示登录按钮，用户点击以后可以显示微信头像和昵称。（2）登录后读取当前用户的收藏夹，展示收藏的新闻列表。（3）收藏夹中的新闻可以直接点击查看内容。（4）未登录状态下收藏夹显示为空。

在Page下新建两个文件夹，index为首页，my为个人中心，detail为新闻页

二、视图设计

新闻数据和图片下载地址：https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/demo4_file.zip

1. 导航栏设计

app.json

  "pages":[
    "pages/index/index",
    "pages/my/my",
    "pages/detail/detail"
    
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#328eeb",
    "navigationBarTitleText": "我的新闻网",
    "navigationBarTextStyle":"white"
  },

2. tabBar设计

app.json

  "tabBar": {
    "color": "#000",
    "selectedColor": "#328eeb",
    "list": [{
      "pagePath": "pages/index/index",
      "iconPath":"/images/index.png",
    "selectedIconPath": "/images/index_blue.png",
    "text": "首页"
    },
    {
      "pagePath": "pages/my/my",
      "iconPath":"/images/my.png",
    "selectedIconPath": "/images/my_blue.png",
    "text": "我的"
    }]
  }

3. 页面设计

I. 首页设计

首页由两部分组成：幻灯片和新闻列表

  • 幻灯片：<swiper>组件
  • 新闻列表：<view>容器，内部使用数组循环

index.wxml

<!--幻灯片滚动-->
<swiper indicator-dots="true" autoplay="true" interval="5000" duration="500">
  <block wx:for="{{swiperImg}}" wx:key="swiper{{index}}">
    <swiper-item>
      <image src="{{item.src}}" class="slide-image"></image>
    </swiper-item>
  </block>
</swiper>

<!--新闻列表-->
<view id="news-list">
  <view class="list-item" wx:for="{{newsList}}" wx:key="{{item.id}}">
    <image src="{{item.poster}}"></image>
    <text>{{item.title}} ———— {{item.add_date}}</text>
  </view>
</view>

<swiper>组件属性众多，indicator-dots：是否显示面板指示点   ， autoplay:  是否自动切换

  interval：自动切换时间间隔 ，  duration ：滑动动画时长

index.wxss

/*<swiper>区域样式*/
/*1-1 swiper组件*/
swiper{
  height: 400rpx;
}
/*1-2 swiper中的图片*/
swiper image{
  width: 100%;
  height: 100%;
}

/*新闻列表区域样式*/
/*2-1 新闻列表容器*/
.news-list{
  min-height: 600rpx;
  padding: 15rpx;
}
/*2-2 列表项目*/
.list-item{
  display: flex;
  flex-direction: row;
  border-bottom: 1rpx solid gray;
}
/*2-3 新闻图片*/
.list-item image{
  width: 230rpx;
  height: 150rpx;
  margin: 10rpx;
}
/*2-4 新闻标题*/
.list-item text{
  width: 100%;
  line-height: 60rpx;
  font-size: 10pt;
}

 在index.js中加入一些临时数据：

  /**
   * 页面的初始数据
   */
  data: {
    //幻灯片素材
    swiperImg: [
      {src: 'https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/newsimage1.jpg'},
      {src: 'https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/newsimage2.jpg'},
      {src: 'https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/newsimage3.jpg'}
    ],
    newsList:[
  {id: '264698',
  title: '标题',
  poster: 'https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/newsimage1.jpg',
  content: ' 内容',
  add_date: '2022-08-19'}
  },

                        

 II. 个人中心页面设计

个人中心页面包括：登录面板、我的收藏

登录面板：显示用户的微信头像和昵称

我的收藏：显示收藏在本地的新闻列表

自定义id:

  • myLogin: 登录面板
  • myIcon：微信头像图片
  • nickName: 微信昵称
  • myFavorites: 我的收藏

my.wxml

<!--登录面板-->
<view class="myLogin">
  <block wx:if="{{isLogin}}">
    <image class="myIcon" src="{{src}}"></image>
    <text class="nickName">{{nickName}}</text>
  </block>
  <button wx:else open-type="getUserInfo" bindtap="getMyInfo">未登录，点此登录</button>
</view>
<!--我的收藏-->
<view class="myFavorites">
  <text>我的收藏（{{number}}）</text>
  <!--收藏的新闻列表-->
  <view class="news-list">
    <view class="list-item" wx:for="{{newsList}}" wx:key="{{item.id}}">
      <image src="{{item.poster}}"></image>
      <text bindtap="goToDetail" data-id="{{item.id}}">{{item.title}} ———— {{item.add_date}}</text>
    </view>
  </view>
</view>

my.wxss

/*登录面板*/
.myLogin{
  background-color: #328eeb;
  height: 400rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
/*1-1 头像图片*/
.myIcon{
  width: 200rpx;
  height: 200rpx;
  border-radius: 50%;
}
/*1-2 微信昵称*/
.nickName{
  color: white;
}

/*我的收藏*/
.myFavorites{
  padding: 20rpx;
}
/*新闻列表区域样式*/
/*2-1 新闻列表容器*/
.news-list{
  min-height: 600rpx;
  padding: 15rpx;
}
/*2-2 列表项目*/
.list-item{
  display: flex;
  flex-direction: row;
  border-bottom: 1rpx solid gray;
}
/*2-3 新闻图片*/
.list-item image{
  width: 230rpx;
  height: 150rpx;
  margin: 10rpx;
}
/*2-4 新闻标题*/
.list-item text{
  width: 100%;
  line-height: 60rpx;
  font-size: 10pt;
}

注： 由于新闻列表的样式与首页完全相同,没有必要重复样式代码,否则会造成冗余,可以将index. wxss中新闻列表样式的相关代码挪到app. wxss 中公共使用。

III.新闻页设计


新闻页是用于给用户浏览新闻全文的,需要用户点击首页的新闻列表,然后在新窗口中打开该页面。新闻页包括新闻标题、新闻图片﹑新闻正文和新闻日期。

结构：

自定义class:

  • container：整体容器
  • poster：新闻图片
  • title：新闻标题
  • content：新闻内容
  • add_date：新闻时间

 detail.wxml

<view class="container">
  <view class="title">{{artical.title}}</view>
  <view class="poster">
    <image src="{{artical.poster}}" mode="widthFix"></image>
  </view>  
  <view class="content">
    <text>{{artical.content}}</text>
  </view>
  <view class="add_date">{{artical.add_date}}</view>
</view>

 detail.wxss

.container{
  padding: 15rpx;
}
.title{
  font-size: 35rpx;
  line-height: 35rpx;
  text-align: center;
}
.poster image{
  width: 100%;
}
.content text{
  text-align: left;
  font-size: 30rpx;
  line-height: 35rpx;
}
.add_date{
  font-size: 30rpx;
  text-align: right;
  line-height: 30rpx;
  margin-right: 25rpx;
  margin-top: 20rpx;
}

 detail.js中录入部分新闻数据

  data: {
    artical:{
      id: '264698',
    title: '标题',
    poster: 'https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/newsimage1.jpg',
    content: '  内容',
    add_date: '2022-08-19'
    },
}

预览： 

三、逻辑实现

1. 公共逻辑

将数据存入公共JS文件（utils/common.js）

自定义函数getNewsList 和 getNewsDetail分别用于获取新闻列表信息和指定ID的新闻正文内容

module.exports语句用于暴露函数出口

//模拟新闻数据
const news = [
  {id: '264698',
  title: '标题'
  poster: 'https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/newsimage1.jpg',
  content: ' 内容',
  add_date: '2022-08-19'},
  {id: '304083',
  title: '',
  poster: 'https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/newsimage2.jpg',
  content: '',
  add_date: '2022-08-09'},
  {id: '305670',
  title: '',
  poster: 'https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/newsimage3.jpg',
  content: '',
  add_date: '2022-08-11'}
];

//获取新闻列表
function getNewsList() {
  let list = [];
  for (var i = 0; i < news.length; i++) {
    let obj = {};
    obj.id = news[i].id; 
    obj.poster = news[i].poster;
    obj.add_date = news[i].add_date;
    obj.title = news[i].title;
    list.push(obj);
  }
  return list; //返回新闻列表
}

//获取新闻内容
function getNewsDetail(newsID) {
  let msg = {
    code: '404', //没有对应的新闻
    news: {}
  };
  for (var i = 0; i < news.length; i++) {
    if (newsID == news[i].id) { //匹配新闻id编号
      msg.code = '200'; //成功
      msg.news = news[i]; //更新当前新闻内容
      break;
    }
  }
  return msg; //返回查找结果
}

// 对外暴露接口
module.exports = {
  getNewsList: getNewsList,
  getNewsDetail: getNewsDetail
}

2. 首页逻辑

首页主要有两个功能需要实现，一是展示新闻列表,二是点击新闻标题可以跳转对应的内容页面进行浏览。

I.展示新闻列表

在index.js中需要获取到新闻列表，此时就需要使用公共JS文件中的getNewsList函数，

引入common.js文件

var common = require("../../utils/common.js")

index.js

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let list=common.getNewsList()
    this.setData({
      newsList:list
    })
  },

 效果：

 II. 点击新闻跳转

为新闻项目添加点击事件

index.wxml

为整个<view>添加点击事件自定义函数goToDetail()，保证不论点到新闻哪部分都可以跳转，并使用data-id属性携带新闻id

<!--新闻列表-->
<view id="news-list">
  <view class="list-item" wx:for="{{newsList}}" wx:key="{{item.id}}" bindtap="goToDetail" data-id="{{item.id}}">
    <image src="{{item.poster}}"></image>
    <text>{{item.title}} ———— {{item.add_date}}</text>
  </view>
</view>

 index.js

  goToDetail:function(e) {
    //获取data-id的数据
    let id = e.currentTarget.dataset.id
    //携带新闻id进行页面跳转
    wx.navigateTo({
      url: '../detail/detail?id=' + id,
    })
  },

3. 新闻页逻辑

两个功能：

  • 显示对应新闻
  • 可以添加、取消新闻收藏

I. 显示对应新闻

在首页逻辑中，点击新闻跳转时携带了新闻ID，新闻页需接收ID编号，并查询对应的新闻内容

在获取id后，需检查当前新闻是否在收藏夹中来确认isAdd是true还是false，来使收藏按钮显示不同的文本

detail.js

onLoad(options) {
    let id = options.id
   
    //检查当前新闻是否在收藏夹中
    var newartical = wx.getStorageSync(id)
    //存在
    if(newartical != '')
    {
      this.setData({
        isAdd:true,
        artical:newartical
      })
    }
    //不存在
    else{
      let result = common.getNewsDetail(id)
      //获取新闻内容
      if(result.code == '200'){
        this.setData({
          artical:result.news,
          isAdd:false
        })
      }
    }
  },

II.添加、取消新闻收藏

在detail.js中追加addFavorites()  和 cancelFavorites()函数用于点击添加/取消收藏

detail.js

/*添加收藏*/
    addFavorites:function () {
      let artical = this.data.artical
      wx.setStorageSync(artical.id, artical)    //将文章放入缓存区
      this.setData({
        isAdd:true
      })
    },
    /*取消收藏 */
    cancelFavorites:function() {
      let artical = this.data.artical
      wx.removeStorageSync(artical.id)
      this.setData({
        isAdd:false
      })
    },

预览：

添加本地缓存：

 

 删除本地缓存：

4. 个人中心页逻辑

个人中心页需要实现三个方面的内容：

1.获取微信用户信息

2.获取收藏列表

3.浏览收藏的新闻

I. 获取用户信息

添加<button>组件作为登录按钮，并且使用wx:if和wx:else属性让未登录时只显示按钮，登录后显示微信头像和昵称

my.wxml

<!--登录面板-->
<view class="myLogin">
  <block wx:if="{{isLogin}}">
    <image class="myIcon" src="{{src}}"></image>
    <text class="nickName">{{nickName}}</text>
  </block>
  <button wx:else open-type="getUserInfo" bindtap="getMyInfo">未登录，点此登录</button>
</view>

预览：

 获取用户信息的操作同实验1

my.js

getMyInfo: function(e){
    wx.getUserProfile({
      desc: '获取信息',
      success:(res)=>{
        this.setData({
          src:res.userInfo.avatarUrl,
          nickName:res.userInfo.nickName,
          isLogin:true
        })
       
      }
    })
    
   },
onLoad(options) {
    if(wx.getUserProfile){
      this.setDate({
        canIUseGetUserProfile: true
      })
    }
  },

II.获取收藏列表

在收藏列表上方动态显示出收藏数目 

my.js

  data: {
    number:0,
    nickName: "未登录",
    src:"/images/index.png",

  },

获取收藏数目：

  //更新number
  getMyFavorites:function() {
    let info = wx.getStorageInfoSync()   //读取本地缓存信息
    let keys = info.keys    //获取全部key信息
    let num = keys.length   //获取收藏全部新闻数量

    let myList = [];
    for(var i=0;i<num;i++)
    {
      let obj = wx.getStorageSync(keys[i])
      myList.push(obj)
    }
    //更新收藏列表
    this.setData({
      newsList:myList,
      number:num
    })
  },

 修改getMyInfo()函数，使其在被调用时调用getMyFavorites()函数，即用户登录后显示用户收藏信息

  getMyInfo: function(e){
    wx.getUserProfile({
      desc: '获取信息',
      success:(res)=>{
        this.setData({
          src:res.userInfo.avatarUrl,
          nickName:res.userInfo.nickName,
          isLogin:true
        })
        //获取新闻列表
        this.getMyFavorites()
      }
    })
    
   },

用户登录成功后还可以手动更改新闻的收藏状态，修改my.js中的onShow()函数，判断如果是登录状态就刷新一下收藏列表

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    if(this.data.isLogin){
      this.getMyFavorites()
    }
  },

 III.浏览收藏的新闻

与首页点击新闻跳转相似

预览：

取消收藏：

萝贝萝贝
关注
  • 11
    点赞
  • 踩
  • 90
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
使用微信小程序开发制作一个简单的新闻阅读应用
吃不胖.
05-21 490
例如，获取新闻列表的接口、获取新闻详情的接口、搜索新闻的接口等。一、需求分析 我们打算开发一个简单的新闻阅读应用，主要功能包括显示新闻列表、查看新闻详情、搜索新闻等。在后端代码中，我们需要编写数据库操作的相关代码，包括连接数据库、查询新闻列表、查询新闻详情、搜索新闻等。前端请求后端接口 在前端代码中，我们需要使用小程序提供的API来发送HTTP请求到后端接口，获取新闻数据，并展示在页面上。
微信小程序新闻列表详情页
最新发布
2201_75294326的博客
04-16 1139
点击这里即可获取，包括答案解析。完善之： 总控开关控制音乐开关在 post-detail.js 文件 load 函数中添加代码：// 定义一个变量来接受 posts_data.js文件输出的对象// 注意：require 只能使用相对路径！Page({data: {},// 接收post.js传进来的postid值。// 拿到数据文件对应id的数据元素// 数据绑定// 替换发现前端的数据},// ···// }// 数据绑定})} else {
微信小程序——高校新闻网
xmqsysd的博客
08-24 338
微信小程序——高校新闻网
微信小程序，实现一个简易的新闻网
qq_45780016的博客
05-16 6328
微信小程序实现一个简易新闻网，能够调用微信用户进行登入，查看相关收藏
vue实现直播弹幕功能
2301_82242670的博客
03-29 497
前端校招精编面试解析大全点击这里即可获取完整版pdf查看实战项目、讲解视频，并且会持续更新！**如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）前端校招精编面试解析大全点击这里即可获取完整版pdf查看。
高校新闻网-微信小程序
m0_53540438的博客
08-24 2124
高校新闻网-微信小程序
新闻列表内容展示的小程序页面
elirlove1的博客
01-12 844
的数组，其中包含新闻列表的数据。在上面的代码中，我们创建了一个名为。文件中，我们定义了新闻项的样式。组件展示新闻标题和描述。属性接收新闻项的数据。组件展示新闻图片，使用。
微信小程序项目实训
小菜鸟博客
07-27 2984
文章目录小程序项目培训实践周记第一周周记第二周周记 小程序项目培训实践周记 第一周周记   第一周实训很快就过去了，这一周是整个实训的开始，我们知道了整个实训要完成的项目—微信小程序订餐系统，于是，我们这组便开始进行项目。   我们整理项目资料，然后对各自的特长分好工，我主要负责微信小程序部分后端的任务。我觉得不管个人完成什么任务，都要对这个项目有所了解，同时还要处理好信息对等，互相需要沟通好，如...
微信小程序入门-新闻列表
热门推荐
zanzan的博客
01-18 1万+
前言前面已经完成欢迎页面的编写，下面将写一个新闻页面，主要包含导航栏，轮播图，新闻列表，包含的技术主要有swiper组件的使用。为了方便代码的管理，把之前的代码同步到github上，在这基础上写新闻列表。准备工作要将上次写的欢迎页面的代码同步到GitHub中，首先需要在GitHub中创建weixin版本库，用户代码的版本管理，然后将版本库copy到本地的weixin文件夹下（这个文件夹可以任意命名）
从入门到精通的微信小程序开发教程(第三版)
04-30
微信小程序全栈开发，从开发新闻小程序学起，从实践中学习是开发者最好最快的学习方法。本教程将和大家从零开始一步一步搭建微信小程序新闻系统，每个章节都会涉及到不同的知识点，等教程学习完你不但掌握了小程序开发全部知识，同时还拥有一个完整作品的开发经验！
【微信小程序】实现新闻列表（文字垂直居上、垂直居下）
Jessieeeeeee的博客
08-25 4905
新闻列表效果 相关原理 CSS 的 absolute 定位 值得注意的是，绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>； 代码 demo.wxml <!--pages/demo/demo.wxml--> <view class="home-block"> <!-- 每日文章 --> <view class="article-block" wx:for="{{ ArticleList
微信小程序demo：新闻头条
03-15
项目描述：用于关注新闻的一个小程序。 实现功能：1. 新闻首页 a. swiper b. 上拉刷新 c. loading等待加载 2. 视频首页 a. video 3. 详情页 a. 新闻页点击传参数获取数据加载详情页 b. 详情页先显示标题，再显示详情，添加点赞功能 4. 我的页面 a. 进入页面检查存储数据，是否记住用户登录信息 b. 点击头像用户登录，数据存储，显示头像，用户名 c. 实现退出功能，点击退出，弹出actionsheet，选择退出实现数据清除，并刷新登录信息 项目展示在toutiao目录下（即gulpfile.js同目录下）启动server，建议使用iphone5测试
微信小程序 新闻资讯 知乎 （源代码+截图）
06-21
微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源代码+截图）微信小程序 新闻资讯 知乎 （源
微信小程序开发-新闻客户端案例源码.zip
08-15
微信小程序开发-新闻客户端案例源码.zip
微信小程序项目实例——今日美食
05-24
总的来说，“微信小程序项目实例——今日美食”是一个集前端技术、后端数据管理、用户体验设计于一体的综合项目，对于学习微信小程序开发和移动应用设计的人员来说，是一个很好的实践案例。通过分析和实施这个项目，...
微信小程序项目实例——体质计算器
05-27
在这个“微信小程序项目实例——体质计算器”中，开发者构建了一个专注于健康领域的应用，帮助用户计算体质指数（BMI），评估其健康状况，并提供相关健康建议。 体质计算器的核心功能是根据用户的身高和体重计算BMI...
微信小程序——电影推荐（截图+源码）.zip
04-17
微信小程序——电影推荐（截图+源码）.zip 微信小程序——电影推荐（截图+源码）.zip 微信小程序——电影推荐（截图+源码）.zip 微信小程序——电影推荐（截图+源码）.zip 微信小程序——电影推荐（截图+源码）.zip ...
微信小程序项目实例——家居团购
06-04
微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例...
微信小程序——新闻客户端（截图+源码）.zip
04-26
微信小程序——新闻客户端（截图+源码）.zip 微信小程序——新闻客户端（截图+源码）.zip 微信小程序——新闻客户端（截图+源码）.zip 微信小程序——新闻客户端（截图+源码）.zip 微信小程序——新闻客户端（截图+...
微信小程序制作个人中心界面
06-01
制作个人中心界面需要以下步骤： 1. 设计个人中心界面的 UI，包括头像、昵称、个人信息、设置等模块。 2. 在微信开发者工具中创建一个新的小程序项目，选择合适的模板，如云开发模板。 3. 在 app.json 文件中配置页面路径和底部导航栏。 4. 创建个人中心页面，并在页面中添加所需的组件和布局。 5. 在页面的 JS 文件中编写逻辑代码，包括获取用户信息、设置页面数据等。 6. 在页面的 WXML 文件中绑定数据和事件，实现用户交互功能。 7. 调试并发布小程序，可以在微信公众平台中提交审核并发布。 需要注意的是，制作个人中心界面需要具备一定的前端开发经验，包括 HTML、CSS、JavaScript 等技术。同时，也需要了解微信小程序开发的相关知识，如页面生命周期、数据绑定、事件处理等。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值