针对您提到的uni-app在荣耀Magic5设备上遇到的自带样式bug问题，通常这类问题可能与设备的特定浏览器引擎、分辨率、或者系统UI的默认样式处理有关。以下是一些可能的解决思路，结合代码示例，帮助您定位和修复这些样式问题。

1. 检查并重置基础样式

首先，确保您的应用有一个统一的样式基准，避免因设备自带样式差异导致的问题。可以在App.vue或者全局样式文件中添加基础样式重置。

/* App.vue <style> 部分 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body, html {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
}

2. 针对特定设备调整样式

如果确定是荣耀Magic5特有的问题，可以使用媒体查询或JavaScript检测设备型号来应用特定样式。

/* 针对荣耀Magic5特定屏幕大小或分辨率调整 */
@media only screen and (device-width: 768px) and (device-height: 1628px) and (-webkit-device-pixel-ratio: 1.5) {
  .specific-class {
    /* 针对Magic5的样式调整 */
    padding: 20px;
    font-size: 18px;
  }
}

注意：上述媒体查询中的尺寸和像素比需根据实际情况调整，且此方法依赖于设备信息的准确性。

3. 使用条件编译

uni-app支持条件编译，可以根据平台或特定条件编译不同代码。

// #ifdef HUAWEI_MAGIC5
// 针对荣耀Magic5的特定代码或样式调整
const specificStyle = {
  paddingTop: '30px',
  backgroundColor: '#f0f0f0'
};
// #endif

在CSS中也可以使用条件编译：

/* #ifdef HUAWEI_MAGIC5 */
.specific-class {
  padding-top: 30px;
  background-color: #f0f0f0;
}
/* #endif */

注意：这里的HUAWEI_MAGIC5是一个假设的条件编译标识符，实际使用时需要自定义，并确保在构建脚本中正确设置。

总结

由于无法直接访问荣耀Magic5设备测试，上述代码示例基于通用解决策略。实际应用中，可能需要结合真机调试工具，具体分析样式差异，并针对性地调整CSS或JavaScript代码。同时，关注uni-app社区和荣耀开发者论坛，可能有其他开发者遇到并解决了类似问题。