HarmonyOS Next开发----使用XComponent自定义绘制

大号在练葵花宝典  金牌会员 | 2024-9-28 19:56:19 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 844|帖子 844|积分 2532

XComponent组件作为一种绘制组件，通常用于满意用户复杂的自定义绘制需求，其重要有两种类型"surface和component。对于surface类型可以将相关数据传入XComponent单独拥有的NativeWindow来渲染画面。

由于上层UI是采用arkTS开发，那么想要使用XComponent的话，就必要一个桥接和native层交互，类似Android的JNI,鸿蒙应用可以使用napi接口来处理js和native层的交互。
1. 编写CMAKELists.txt文件

  1. # the minimum version of CMake.
  2. cmake_minimum_required(VERSION 3.4.1)
  3. project(XComponent) #项目名称
  5. set(NATIVERENDER_ROOT_PATH ${CMAKE_CURRENT_SOURCE_DIR})
  6. #头文件查找路径
  7. include_directories(
  8.     ${NATIVERENDER_ROOT_PATH}
  9.     ${NATIVERENDER_ROOT_PATH}/include
  10. )
  11. # 编译目标so动态库
  12. add_library(nativerender SHARED
  13.     samples/minute_view.cpp
  14.     plugin/plugin_manager.cpp
  15.     common/HuMarketMinuteData.cpp
  16.     common/MinuteItem.cpp
  17.     napi_init.cpp
  18. )
  19. # 查找需要的公共库
  20. find_library(
  21.     # Sets the name of the path variable.
  22.     hilog-lib
  23.     # Specifies the name of the NDK library that
  24.     # you want CMake to locate.
  25.     hilog_ndk.z
  26. )
  27. #编译so所需要的依赖
  28. target_link_libraries(nativerender PUBLIC
  29.     libc++.a
  30.     ${hilog-lib}
  31.     libace_napi.z.so
  32.     libace_ndk.z.so
  33.     libnative_window.so
  34.     libnative_drawing.so
  35. )
复制代码
2. Napi模块注册

  1. #include <hilog/log.h>
  2. #include "plugin/plugin_manager.h"
  3. #include "common/log_common.h"
  5. EXTERN_C_START
  6. static napi_value Init(napi_env env, napi_value exports)
  7. {
  8.     OH_LOG_Print(LOG_APP, LOG_INFO, LOG_PRINT_DOMAIN, "Init", "Init begins");
  9.     if ((nullptr == env) || (nullptr == exports)) {
  10.         OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Init", "env or exports is null");
  11.         return nullptr;
  12.     }
  14.     PluginManager::GetInstance()->Export(env, exports);
  15.     return exports;
  16. }
  17. EXTERN_C_END
  19. static napi_module nativerenderModule = {
  20.     .nm_version = 1,
  21.     .nm_flags = 0,
  22.     .nm_filename = nullptr,
  23.     .nm_register_func = Init,
  24.     .nm_modname = "nativerender",
  25.     .nm_priv = ((void *)0),
  26.     .reserved = { 0 }
  27. };
  29. extern "C" __attribute__((constructor)) void RegisterModule(void)
  30. {
  31.     napi_module_register(&nativerenderModule);
  32. }
复制代码
定义napi_module信息，里面包含模块名称(和arkts侧使用时的libraryname要保持划一)，加载模块时的回调函数即Init()。然后注册so模块napi_module_register(&nativerenderModule), 接口Init()函数会收到回调，在Init()有两个参数：


  • env: napi上下文环境；
  • exports: 用于挂载native函数将其导出，会通过js引擎绑定到js层的一个js对象；
3.解析XComponent组件的NativeXComponent实例

  1. if ((env == nullptr) || (exports == nullptr)) {
  2.         DRAWING_LOGE("Export: env or exports is null");
  3.         return;
  4.     }
  6.     napi_value exportInstance = nullptr;
  7.      // 用来解析出被wrap了NativeXComponent指针的属性
  8.     if (napi_get_named_property(env, exports, OH_NATIVE_XCOMPONENT_OBJ, &exportInstance) != napi_ok) {
  9.         DRAWING_LOGE("Export: napi_get_named_property fail");
  10.         return;
  11.     }
  13.     OH_NativeXComponent *nativeXComponent = nullptr;
  14.     // 通过napi_unwrap接口，解析出NativeXComponent的实例指针
  15.     if (napi_unwrap(env, exportInstance, reinterpret_cast<void **>(&nativeXComponent)) != napi_ok) {
  16.         DRAWING_LOGE("Export: napi_unwrap fail");
  17.         return;
  18.     }
  20.     char idStr[OH_XCOMPONENT_ID_LEN_MAX + 1] = {'\0'};
  21.     uint64_t idSize = OH_XCOMPONENT_ID_LEN_MAX + 1;
  22.     if (OH_NativeXComponent_GetXComponentId(nativeXComponent, idStr, &idSize) != OH_NATIVEXCOMPONENT_RESULT_SUCCESS) {
  23.         DRAWING_LOGE("Export: OH_NativeXComponent_GetXComponentId fail");
  24.         return;
  25.     }
复制代码
4.注册XComponent事件回调

  1. void MinuteView::RegisterCallback(OH_NativeXComponent *nativeXComponent) {
  2.     DRAWING_LOGI("register callback");
  3.     renderCallback_.OnSurfaceCreated = OnSurfaceCreatedCB;
  4.     renderCallback_.OnSurfaceDestroyed = OnSurfaceDestroyedCB;
  5.     renderCallback_.DispatchTouchEvent = nullptr;
  6.     renderCallback_.OnSurfaceChanged = OnSurfaceChanged;
  7.     // 注册XComponent事件回调
  8.     OH_NativeXComponent_RegisterCallback(nativeXComponent, &renderCallback_);
  9. }
复制代码
在事件回调中可以获取组件的宽高信息：
  1. tatic void OnSurfaceCreatedCB(OH_NativeXComponent *component, void *window) {
  2.     DRAWING_LOGI("OnSurfaceCreatedCB");
  3.     if ((component == nullptr) || (window == nullptr)) {
  4.         DRAWING_LOGE("OnSurfaceCreatedCB: component or window is null");
  5.         return;
  6.     }
  7.     char idStr[OH_XCOMPONENT_ID_LEN_MAX + 1] = {'\0'};
  8.     uint64_t idSize = OH_XCOMPONENT_ID_LEN_MAX + 1;
  9.     if (OH_NativeXComponent_GetXComponentId(component, idStr, &idSize) != OH_NATIVEXCOMPONENT_RESULT_SUCCESS) {
  10.         DRAWING_LOGE("OnSurfaceCreatedCB: Unable to get XComponent id");
  11.         return;
  12.     }
  13.     std::string id(idStr);
  14.     auto render = MinuteView::GetInstance(id);
  15.     OHNativeWindow *nativeWindow = static_cast<OHNativeWindow *>(window);
  16.     render->SetNativeWindow(nativeWindow);
  18.     uint64_t width;
  19.     uint64_t height;
  20.     int32_t xSize = OH_NativeXComponent_GetXComponentSize(component, window, &width, &height);
  21.     if ((xSize == OH_NATIVEXCOMPONENT_RESULT_SUCCESS) && (render != nullptr)) {
  22.         render->SetHeight(height);
  23.         render->SetWidth(width);
  24.     }
  25. }
复制代码
5.导出Native函数

  1. void MinuteView::Export(napi_env env, napi_value exports) {
  2.     if ((env == nullptr) || (exports == nullptr)) {
  3.         DRAWING_LOGE("Export: env or exports is null");
  4.         return;
  5.     }
  6.     napi_property_descriptor desc[] = {
  7.         {"draw", nullptr, MinuteView::NapiDraw, nullptr, nullptr, nullptr, napi_default, nullptr}};
  8.     napi_define_properties(env, exports, sizeof(desc) / sizeof(desc[0]), desc);
  9.     if (napi_define_properties(env, exports, sizeof(desc) / sizeof(desc[0]), desc) != napi_ok) {
  10.         DRAWING_LOGE("Export: napi_define_properties failed");
  11.     }
  12. }
复制代码
6.在NapiDraw中绘制分时图



  • 1.读取arkts侧透传过来的数据
  1. vector<HuMarketMinuteData *> myVector;
  3.     size_t argc = 3;
  4.     napi_value args[3] = {nullptr};
  5.     napi_get_cb_info(env, info, &argc, args, nullptr, nullptr);
  7.     napi_value vec = args[0];    // vector
  8.     napi_value vecNum = args[1]; // length
  10.     uint32_t vecCNum = 0;
  11.     napi_get_value_uint32(env, vecNum, &vecCNum);
  13.     for (uint32_t i = 0; i < vecCNum; i++) {
  14.         napi_value vecData;
  15.         napi_get_element(env, vec, i, &vecData);
  16.         HuMarketMinuteData *minuteData = new HuMarketMinuteData(&env, vecData);
  18.         myVector.push_back(minuteData);
  19.     }
复制代码
  1. #include "HuMarketMinuteData.h"
  2. #include "common/MinuteItem.h"
  3. #include "napi/native_api.h"
  4. HuMarketMinuteData::HuMarketMinuteData(napi_env *env, napi_value value) {
  5.     napi_value api_date, api_isDateChanged, api_yclosePrice, api_minuteItems;
  6.     napi_get_named_property(*env, value, "date", &api_date);
  7.     napi_get_named_property(*env, value, "isDateChanged", &api_isDateChanged);
  8.     napi_get_named_property(*env, value, "yClosePrice", &api_yclosePrice);
  9.     napi_get_named_property(*env, value, "minuteList", &api_minuteItems);
  11.     uint32_t *uint32_date;
  12.     napi_get_value_uint32(*env, api_date, uint32_date);
  13.     date = int(*uint32_date);
  15.     napi_get_value_double(*env, api_yclosePrice, &yClosePrice);
  17.     uint32_t length;
  18.     napi_get_array_length(*env, api_minuteItems, &length);
  19.     for (uint32_t i = 0; i < length; i++) {
  20.         napi_value api_minuteItem;
  21.         napi_get_element(*env, api_minuteItems, i, &api_minuteItem);
  22.         MinuteItem *minuteItem = new MinuteItem(env, api_minuteItem);
  23.         minuteList.push_back(minuteItem);
  24.     }
  25. }
  26. HuMarketMinuteData::~HuMarketMinuteData() {
  27.     for (MinuteItem *item : minuteList) {
  28.         delete item;
  29.         item = nullptr;
  30.     }
  31. }
复制代码


  • 2.绘制分时图
  1. void MinuteView::Drawing2(vector<HuMarketMinuteData *>& minuteDatas) {
  2.     if (nativeWindow_ == nullptr) {
  3.         DRAWING_LOGE("nativeWindow_ is nullptr");
  4.         return;
  5.     }
  7.     int ret = OH_NativeWindow_NativeWindowRequestBuffer(nativeWindow_, &buffer_, &fenceFd_);
  8.     DRAWING_LOGI("request buffer ret = %{public}d", ret);
  9.     bufferHandle_ = OH_NativeWindow_GetBufferHandleFromNative(buffer_);
  10.     mappedAddr_ = static_cast<uint32_t *>(
  11.         mmap(bufferHandle_->virAddr, bufferHandle_->size, PROT_READ | PROT_WRITE, MAP_SHARED, bufferHandle_->fd, 0));
  12.     if (mappedAddr_ == MAP_FAILED) {
  13.         DRAWING_LOGE("mmap failed");
  14.     }
  15.    
  16.     // 创建一个bitmap对象
  17.     cBitmap_ = OH_Drawing_BitmapCreate();
  18.     // 定义bitmap的像素格式
  19.     OH_Drawing_BitmapFormat cFormat{COLOR_FORMAT_RGBA_8888, ALPHA_FORMAT_OPAQUE};
  20.     // 构造对应格式的bitmap，width的值必须为 bufferHandle->stride / 4
  21.     OH_Drawing_BitmapBuild(cBitmap_, width_, height_, &cFormat);
  23.     // 创建一个canvas对象
  24.     cCanvas_ = OH_Drawing_CanvasCreate();
  25.     // 将画布与bitmap绑定，画布画的内容会输出到绑定的bitmap内存中
  26.     OH_Drawing_CanvasBind(cCanvas_, cBitmap_);
  27.     // 清除画布内容
  28.     OH_Drawing_CanvasClear(cCanvas_, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0xFF, 0xFF));
  29.    
  30.     float padding = 30, with = width_, height = height_ / 2;
  31.     float ltX = padding, ltY = 1, rtX = with - padding,rtY = 1,lbX = padding,lbY = height - 1,rbX = with - padding,rbY = height - 1;
  32.    
  33.     // 创建一个path对象
  34.     cPath_ = OH_Drawing_PathCreate();
  35.     // 指定path的起始位置
  36.     OH_Drawing_PathMoveTo(cPath_, ltX, ltY);
  37.     // 用直线连接到目标点
  38.     OH_Drawing_PathLineTo(cPath_, rtX, rtY);
  39.     OH_Drawing_PathLineTo(cPath_, rbX, rbY);
  40.     OH_Drawing_PathLineTo(cPath_, lbX, lbY);
  41.     // 闭合形状，path绘制完毕
  42.     OH_Drawing_PathClose(cPath_);
  44.     OH_Drawing_PathMoveTo(cPath_, padding, height / 2);
  45.     OH_Drawing_PathLineTo(cPath_, with - padding, height / 2);
  47.     OH_Drawing_PathMoveTo(cPath_, with / 2, 1);
  48.     OH_Drawing_PathLineTo(cPath_, with / 2, height - 1);
  50.     // 创建一个画笔Pen对象，Pen对象用于形状的边框线绘制
  51.     cPen_ = OH_Drawing_PenCreate();
  52.     OH_Drawing_PenSetAntiAlias(cPen_, true);
  53.     OH_Drawing_PenSetColor(cPen_, OH_Drawing_ColorSetArgb(0xFF, 0xE6, 0xE6, 0xE6));
  54.     OH_Drawing_PenSetWidth(cPen_, 2.0);
  55.     OH_Drawing_PenSetJoin(cPen_, LINE_ROUND_JOIN);
  56.     // 将Pen画笔设置到canvas中
  57.     OH_Drawing_CanvasAttachPen(cCanvas_, cPen_);
  59.     OH_Drawing_CanvasDrawPath(cCanvas_, cPath_);
  62.     double minPrice, maxPrice;
  63.     computeMaxMin(minuteDatas, &minPrice, &maxPrice);
  64.     OH_Drawing_Path *pricePath_ = OH_Drawing_PathCreate();
  65.     OH_Drawing_Path *avgPath_ = OH_Drawing_PathCreate();
  66.     // 指定path的起始位置
  67.     HuMarketMinuteData *minuteData = minuteDatas[0];
  68.     // 单位长度
  69.     float unitHeight = height / (maxPrice - minPrice);
  70.     float itemWidth = (with - 2 * padding) / (240 * minuteDatas.size());
  71.     float pointX = padding;
  72.     float pointY = 0;
  73.     float avg_pointX = padding;
  74.     float avg_pointY = 0;
  75.     bool isFirst = true;
  76.     float yClosePrice = 0;
  78.     for (int i = 0; i < minuteDatas.size(); i++) {
  79.         HuMarketMinuteData *minuteData = minuteDatas[i];
  80.         if (i == 0) {
  81.             yClosePrice = minuteData->yClosePrice;
  82.         }
  83.         if (minuteData != nullptr) {
  84.             for (int j = 0; j < minuteData->minuteList.size(); j++) {
  85.                 MinuteItem *minuteItem = minuteData->minuteList[j];
  86.                 if (minuteItem != nullptr) {
  87.                     pointY = (maxPrice - minuteItem->nowPrice) * unitHeight;
  88.                     avg_pointY = (maxPrice - minuteItem->avgPrice) * unitHeight;
  89.                     if (isFirst) {
  90.                         isFirst = false;
  91.                         OH_Drawing_PathMoveTo(pricePath_, pointX, pointY);
  92.                         OH_Drawing_PathMoveTo(avgPath_, avg_pointX, avg_pointY);
  93.                     } else {
  94.                         OH_Drawing_PathLineTo(pricePath_, pointX, pointY);
  95.                         OH_Drawing_PathLineTo(avgPath_, avg_pointX, avg_pointY);
  96.                     }
  97.                     pointX += itemWidth;
  98.                     avg_pointX += itemWidth;
  99.                 }
  100.             }
  101.         }
  102.     }
  104.     // 创建一个画笔Pen对象，Pen对象用于形状的边框线绘制
  105.     cPen_ = OH_Drawing_PenCreate();
  106.     OH_Drawing_PenSetAntiAlias(cPen_, true);
  107.     OH_Drawing_PenSetColor(cPen_, OH_Drawing_ColorSetArgb(0xFF, 0x22, 0x77, 0xcc));
  108.     OH_Drawing_PenSetWidth(cPen_, 5.0);
  109.     OH_Drawing_PenSetJoin(cPen_, LINE_ROUND_JOIN);
  110.     // 将Pen画笔设置到canvas中
  111.     OH_Drawing_CanvasAttachPen(cCanvas_, cPen_);
  112.     // 在画布上画Price
  113.     OH_Drawing_CanvasDrawPath(cCanvas_, pricePath_);
  114.     OH_Drawing_PenSetColor(cPen_, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0x9D, 0x03));
  115.     OH_Drawing_CanvasAttachPen(cCanvas_, cPen_);
  116.     OH_Drawing_CanvasDrawPath(cCanvas_, avgPath_);
  117.     OH_Drawing_PathLineTo(pricePath_, pointX, height);
  118.     OH_Drawing_PathLineTo(pricePath_, padding, height);
  119.     OH_Drawing_PathClose(pricePath_);
  120.     OH_Drawing_CanvasDrawShadow(cCanvas_, pricePath_, {5, 5, 5}, {15, 15, 15}, 30,
  121.                                 OH_Drawing_ColorSetArgb(0x00, 0xFF, 0xff, 0xff),
  122.                                 OH_Drawing_ColorSetArgb(0x33, 0x22, 0x77, 0xcc), SHADOW_FLAGS_TRANSPARENT_OCCLUDER);
  123.     // 选择从左到右/左对齐等排版属性
  124.     OH_Drawing_TypographyStyle *typoStyle = OH_Drawing_CreateTypographyStyle();
  125.     OH_Drawing_SetTypographyTextDirection(typoStyle, TEXT_DIRECTION_LTR);
  126.     OH_Drawing_SetTypographyTextAlign(typoStyle, TEXT_ALIGN_LEFT);
  127.     // 设置文字颜色，例如黑色
  128.     OH_Drawing_TextStyle *txtStyle = OH_Drawing_CreateTextStyle();
  129.     OH_Drawing_SetTextStyleColor(txtStyle, OH_Drawing_ColorSetArgb(0xFF, 0xFF, 0x9D, 0x03));
  130.     // 设置文字大小、字重等属性
  131.     double fontSize = width_ / 15;
  132.     OH_Drawing_SetTextStyleFontSize(txtStyle, fontSize);
  133.     OH_Drawing_SetTextStyleFontWeight(txtStyle, FONT_WEIGHT_400);
  134.     OH_Drawing_SetTextStyleBaseLine(txtStyle, TEXT_BASELINE_ALPHABETIC);
  135.     OH_Drawing_SetTextStyleFontHeight(txtStyle, 1);
  136.     // 如果需要多次测量，建议fontCollection作为全局变量使用，可以显著减少内存占用
  138.     OH_Drawing_FontCollection *fontCollection = OH_Drawing_CreateSharedFontCollection();
  139.     // 注册自定义字体
  140.     const char *fontFamily = "myFamilyName"; // myFamilyName为自定义字体的family name
  141.     const char *fontPath = "/data/storage/el2/base/haps/entry/files/myFontFile.ttf"; // 设置自定义字体所在的沙箱路径
  142.     OH_Drawing_RegisterFont(fontCollection, fontFamily, fontPath);
  143.     // 设置系统字体类型
  144.     const char *systemFontFamilies[] = {"Roboto"};
  145.     OH_Drawing_SetTextStyleFontFamilies(txtStyle, 1, systemFontFamilies);
  146.     OH_Drawing_SetTextStyleFontStyle(txtStyle, FONT_STYLE_NORMAL);
  147.     OH_Drawing_SetTextStyleLocale(txtStyle, "en");
  148.     // 设置自定义字体类型
  149.     auto txtStyle2 = OH_Drawing_CreateTextStyle();
  150.     OH_Drawing_SetTextStyleFontSize(txtStyle2, fontSize);
  151.     const char *myFontFamilies[] = {"myFamilyName"}; // 如果已经注册自定义字体，填入自定义字体的family
  152.                                                      // name使用自定义字体
  153.     OH_Drawing_SetTextStyleFontFamilies(txtStyle2, 1, myFontFamilies);
  154.     OH_Drawing_TypographyCreate *handler = OH_Drawing_CreateTypographyHandler(typoStyle, fontCollection);
  155.     OH_Drawing_TypographyHandlerPushTextStyle(handler, txtStyle);
  156.     OH_Drawing_TypographyHandlerPushTextStyle(handler, txtStyle2);
  157.     // 设置文字内容
  158.     const char *text = doubleToStringWithPrecision(yClosePrice, 2).c_str();
  159.     OH_Drawing_TypographyHandlerAddText(handler, text);
  160.     OH_Drawing_TypographyHandlerPopTextStyle(handler);
  161.     OH_Drawing_Typography *typography = OH_Drawing_CreateTypography(handler);
  162.     // 设置页面最大宽度
  163.     double maxWidth = width_;
  164.     OH_Drawing_TypographyLayout(typography, maxWidth);
  165.     // 设置文本在画布上绘制的起始位置
  166.     double position[2] = {100, height / 2.0};
  167.     // 将文本绘制到画布上
  168.     OH_Drawing_TypographyPaint(typography, cCanvas_, position[0], position[1]);
  169.    
  170.     void *bitmapAddr = OH_Drawing_BitmapGetPixels(cBitmap_);
  171.     uint32_t *value = static_cast<uint32_t *>(bitmapAddr);
  173.     uint32_t *pixel = static_cast<uint32_t *>(mappedAddr_);
  174.     if (pixel == nullptr) {
  175.         DRAWING_LOGE("pixel is null");
  176.         return;
  177.     }
  178.     if (value == nullptr) {
  179.         DRAWING_LOGE("value is null");
  180.         return;
  181.     }
  182.     for (uint32_t x = 0; x < width_; x++) {
  183.         for (uint32_t y = 0; y < height_; y++) {
  184.             *pixel++ = *value++;
  185.         }
  186.     }
  188.     Region region{nullptr, 0};
  189.     OH_NativeWindow_NativeWindowFlushBuffer(nativeWindow_, buffer_, fenceFd_, region);
  190.     int result = munmap(mappedAddr_, bufferHandle_->size);
  191.     if (result == -1) {
  192.         DRAWING_LOGE("munmap failed!");
  193.     }
  194. }
复制代码
绘制流程：


  • 向OHNativeWindow申请一块buffer, 并获取这块buffer的handle，然后映射内存；
  • 创建画布Canvas, 将bitmap和画布绑定；
  • 使用Canvas相关api绘制内容；
  • 将bitmap转换成像素数据，并通过之前映射的buffer句柄，将bitmap数据写到buffer中；
  • 将内容放回到Buffer队列，在下次Vsync信号就会将buffer中的内容绘制到屏幕上；
  • 取消映射内存；
7.ArkTS侧使用XComponent



  • 添加so依赖
  1.   "devDependencies": {
  2.    "@types/libnativerender.so": "file:./src/main/cpp/types/libnativerender"
  3. }
复制代码


  • 定义native接口
  1. export default interface XComponentContext {
  2. draw(minuteData: UPMarketMinuteData[], length: number): void;
  3. };
复制代码


  • 使用XComponent并获取XComponentContext, 通过它可以调用native层函数
  1.       XComponent({
  2.          id: 'xcomponentId',
  3.          type: 'surface',
  4.          libraryname: 'nativerender'
  5.        })
  6.          .onLoad((xComponentContext) => {
  7.            if (xComponentContext) {
  8.              this.xComponentContext = xComponentContext as XComponentContext;
  9.            }
  10.          })
  11.          .width('100%')
  12.          .height(600)
  13.          .backgroundColor(Color.Gray)
复制代码


  • 调用native函数绘制分时图
  1.     this.monitor.subscribeRTMinuteData(this.TAG_REQUEST_MINUTE, param, (rsp) => {
  2.      if (rsp.isSuccessful() && rsp.result != null && rsp.result.length > 0 && this.xComponentContext) {
  3.        this.xComponentContext.draw(rsp.result!, rsp.result.length)
  4.      }
  5.    })
复制代码


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

大号在练葵花宝典

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表