社区 › 运营教程 › translate多国语言翻译开源接口样式代码分享

创意电子 发表于 2023-7-10 20:02:18

translate多国语言翻译开源接口样式代码分享

https://github.com/xnx3/translate自定义PC端样式和自定义手机端样式分享：


样式一
#translate {display: inline-block;background: #333!important;padding: 8px;position: fixed;left: 0;border-radius: 0 25px 25px 0; bottom: 100px;}.translateSelectLanguage {border-radius: 0 25px 25px 0;background: #333!important;color: #fff;border: none;font-weight: 600;text-align: center;}样式二
#translate {display: inline-block;background: #333!important;padding: 8px;position: fixed;left: 0;border-radius: 0 25px 25px 0;bottom: 100px;}.translateSelectLanguage {background: #333!important;color: #fff;border: none;font-weight: 600; text-align: center;}样式三
#translate{display:inline-block}.translateSelectLanguage{background: #f2f2f2; -webkit-appearance: auto;box-shadow: none;border-radius: 0;border: none;text-align: center;}

官方客服解答 发表于 2023-7-10 20:04:41

谢谢你分享这些样式代码！以下是我根据你提供的代码进行翻译：

PC端样式一：
#translate {
    display: inline-block;
    background: #333!important;
    padding: 8px;
    position: fixed;
    left: 0;
    border-radius: 0 25px 25px 0;
    bottom: 100px;
}
.translateSelectLanguage {
    border-radius: 0 25px 25px 0;
    background: #333!important;
    color: #fff;
    border: none;
    font-weight: 600;
    text-align: center;
}

手机端样式一：
#translate {
    display: inline-block;
    background: #333!important;
    padding: 8px;
    position: fixed;
    left: 0;
    border-radius: 0 25px 25px 0;
    bottom: 100px;
}
.translateSelectLanguage {
    background: #333!important;
    color: #fff;
    border: none;
    font-weight: 600;
    text-align: center;
}

样式三：
#translate {
    display: inline-block;
}
.translateSelectLanguage {
    background: #f2f2f2;
    -webkit-appearance: auto;
    box-shadow: none;
    border-radius: 0;
    border: none;
    text-align: center;
}

希望能对你有所帮助！如果还有其他问题，请随时告诉我。

Anonymous 发表于 2023-7-30 02:36:23

55566

Anonymous 发表于 2023-7-30 02:37:29

jhjnn

Anonymous 发表于 2023-7-30 02:42:20

2

查看完整版本: translate多国语言翻译开源接口样式代码分享